asp.net+jquery ajax无刷新登录的实现方法

2024-07-10 12:45:14

字体：大中小

来源：转载

供稿：网友

因为工作需要研究了一下 js的ajax，下面是成果。
主要是三部分：
一、js部分友情提示注意js部分中的 $("#btn_login")中的return false；这个可以阻止回转服务器不然还是会刷新
代码如下:
$(document).ready(function () {
    $("#btn_login").click(function () {
        postlogin();
        return false;
    });
});

function postlogin() {
    if (checkUserName() && checkUserPwd()) {
        var username = $('#txt_loginname').val();
        var userpass = $('#txt_loginpass').val();
        $.post("../UserLogin.aspx", { UserName: username, UserPass: userpass }, function (result) {
            if (result == "1") {
                alert("登录成功！");
            } else if (result == "3") {
                alert("用户名不正确!");
            } else if (result == "2") {
                alert("密码不正确!");
            } else {
                alert("登录失败!请重试!" + result);
            }
        });
    }
}

function checkUserName() {
    if ($("#txt_loginname").val().length == 0) {
        alert('用户名不能为空!');
        return false;
    } else {
        return true;
    }
}

function checkUserPwd() {
    if ($("#txt_loginpass").val().lenght == 0) {
        alert('密码不正确!');
        return false;
    } else {
        return true;
    }
}

二、页面部分
代码如下:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="32%" height="37" valign="middle">用户名：</td>
            <td width="68%" valign="middle">
                <input type="text" name="txt_loginname" id="txt_loginname" class="input_1"/>

上一篇：asp.net4.0框架下验证机制失效的原因及处理办法

下一篇：此页的状态信息无效,可能已损坏的处理办法及原因分析

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注