Marvel/js/login.js

微信扫码关注公众号，代码整理好后第一时间通知你。

$(function () {
    //Login.html页面id为btnSubmit的按钮点击事件
    $("#submit").click(function () {
        //获取到Login.html页面用户输入的用户名
        var name = $("#name").val();
        //获取到Login.html页面用户输入的密码
        var pwd = $("#pwd").val();

        $.ajax({
            //data数据将要传数据到目的地的路径
            url: "ashxs/submit.ashx?action=login",

            type: "POST",
            dataType: "json",
            async: true,//async翻译为异步的，false表示同步，会等待执行完成，true为异步
            contentType: "application/json; charset=utf-8",//不可少

            //data存储用户名和密码
            //{"":"'+name+'"}
            data: '{"username":"' + name + '","userpwd":"' + pwd + '"}',
            //后台数据回传成功
            success: function (data) {
                //data接收到后台传回的数据
                //判断data是否为空
                if (data != null) {
                    //不为空弹出消息框：登陆成功....
                    alert("登陆成功....");
                    //跳转到Main.aspx页面
                  
                    location.href = "Main.aspx?name="+name;
                } else {
                    alert("登录失败，用户名或密码错误");
                }

            },
            //后台数据回传出错
            error: function () {
                //弹出消息框：出错了
                alert("出错了");
            }
        });


    });
});