ajax+ashx跳轉頁面

前端代碼,获取input中的账号和密码,用get方式传递到后端ashx页面判断

前端js代码

 $('#login').click(function (event) {
            var xhr;
            var user = document.getElementById("user").value;
            var passwd = document.getElementById("passwd").value;
            if (window.XMLHttpRequest) {//ie8及以上版本、ff、chrom
                xhr = new XMLHttpRequest();
            }
            else {//ie6及以下版本
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            }
            //设定请求对象和后台哪个页面进行交互
            xhr.open("GET", "Handler1.ashx?user=" + user + "&passwd=" + passwd, true);
            //发送请求
            xhr.send();
            //后台返回数据后,会调用此方法(回调函数)
            xhr.onreadystatechange = function (data) {
                if (xhr.readyState == 4) {
                    document.getElementById("myDiv").innerHTML = xhr.responseText;
                }
            }
            if (xhr.responseText = "true") {
                alert("success");
                location.href = "HTMLPage1.htm";
            }
        });

ashx一般处理程式进行判断 连接MySQL数据库,带人账号密码去检查是否存在,存在写入true,不存在写入false

    public class Handler1 : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            string user=context.Request.QueryString["user"];
            string passwd=context.Request.QueryString["passwd"];
            string sql = "select * from users where username= '" + user + "' and passwd= '" + passwd + "';";
            context.Response.Write(LinkMysql(sql).ToString());
        }
        public bool LinkMysql(string sql)
        {
            String connetStr = "server=127.0.0.1;port=3306;user=root;password=root;database=spdb1";
            MySqlConnection conn = new MySqlConnection(connetStr);
            try
            {
                conn.Open();
                MySqlCommand cmd = new MySqlCommand(sql, conn);
                MySqlDataReader reader = cmd.ExecuteReader();
                if (reader.Read())
                {
                    return true;
                }
                else {
                    return false;
                }
            }
            catch (MySqlException ex)
            {
                return false;
            }
            finally
            {
                conn.Close();
            }
 
        }
        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

Ajax是一种用于在客户端和服务器之间进行异步通信的技术,可以在不刷新整个网页的情况下更新部分网页内容。JSON是一种轻量级的数据交换格式,常用于在服务器和客户端之间传递数据。ashx是一种处理程序,用于在服务器上接收和处理Ajax请求。 "ajax json ashx实现列表页.rar"是一个压缩文件,可能包含一个使用以上技术实现的列表页的项目。 该项目可能包括一个ashx处理程序,用于接收Ajax请求并处理相关操作。程序可能使用JSON格式将数据从服务器发送到客户端,以便在列表页上更新显示。通过Ajax技术,用户可以在不刷新整个页的情况下获取最新的数据,并在列表页上进行交互操作,如添加、删除或编辑列表项。 实现这个列表页可能涉及到以下步骤: 1. 创建一个ashx处理程序,用于处理列表页的请求。 2. 在客户端使用Ajax技术发送请求给服务器,请求列表数据。 3. 服务器接收到请求后,从数据库或其他数据源中获取数据,并将数据封装成JSON格式。 4. 服务器将封装好的JSON数据响应给客户端。 5. 客户端接收到响应后,解析JSON数据,并根据数据更新列表页的显示。 6. 在列表页上实现交互功能,如添加、删除或编辑列表项。 7. 根据用户的操作,使用Ajax技术发送相应的请求给服务器,进行数据的增删改操作。 8. 服务器接收到请求后,进行相应的操作,并响应结果给客户端。 9. 客户端接收到响应后,更新列表页的显示。 通过以上的步骤,可以实现一个使用Ajax、JSON和ashx处理程序的列表页,用户可以在列表页上进行数据的增删改操作,并实时更新数据的显示。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值