AJAX异步处理请求异步登录

最新推荐文章于 2021-08-05 18:10:56 发布

weixin_45678946

最新推荐文章于 2021-08-05 18:10:56 发布

阅读量1.1k

点赞数 2

分类专栏： c# 文章标签： ajax c#

本文链接：https://blog.csdn.net/weixin_45678946/article/details/105706361

版权

本文介绍了如何使用AJAX进行异步登录处理，无需整个页面刷新。通过AJAX的五个基本步骤和jQuery的ajax方法，结合HTML和一般处理程序（.ashx），实现登录的异步刷新。重点在于确保前后端字段的一致性，以顺利完成数据交互。

摘要由CSDN通过智能技术生成

AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。
这里有更加详细的简述以及Ajax原生的五个基本步骤及jq中的ajax 相对来说根更加全面一点
我们这儿能使用ajax实现异步刷新登录
引入js文件这儿就不用说，直接开始吧小伙伴们

js代码中的Login.ashx就是一般处理程序啦

 $("#btnLogin").click(function () {
   
                //获取用户输入的用户名和密码以及验证码
                var name = $("#txtName").val();
                //var action = "Login"; 可以选择不用
                var action = "Login";
                var pwd = $("#txtPwd").val();
                var code = $("#txtCode").val();
                if (name != "" && pwd != "") {
   
                    $.post("/ashx/Login.ashx", {
    name: name, pwd: pwd, action: action, code: code }, function (data) {
   
                        if (data.Role >= 0) {
   
                            location.href = data.Message;
                        }
                        else if (data.Role < 0) {
   
                            alert(data.Messa