asp.net+jquery ajax无刷新登录的实现方法
发布时间:2020-12-15 20:32:46 所属栏目:asp.Net 来源:网络整理
导读:因为工作需要研究了一下 js的ajax,下面是成果。 主要是三部分: 一、js部分 友情提示注意js部分中的 $("#btn_login")中的return false;这个可以阻止回转服务器不然还是会刷新 复制代码 代码如下: $(document).ready(function () { $("#btn_login").click(fu
因为工作需要研究了一下 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"/> </td> </tr> <tr> <td height="37" valign="middle">密 码:</td> <td valign="middle"> <input type="password" name="txt_loginpass" id="txt_loginpass" class="input_2"/> </td> </tr> <!--<tr> <td height="37" valign="middle">验证码:</td> <td valign="middle"> <input type="text" name="textfield3" id="textfield3" class="input_3" style="float:left"/> <span style="float:left; margin-left:6px;"><img src="images/img_7.gif" /></span></td> </tr>--> <tr> <td colspan="2"> <input type="image" name="btn_login" id="btn_login" src="images/img_4.gif" /> <input type="image" name="input" src="images/img_5.gif" /> <input type="image" name="input" src="images/img_6.gif" /> </td> </tr> </table> 三、后台部分也就是在js中转向的处理登录信息的页面 复制代码 代码如下: protected void Page_Load(object sender,EventArgs e) { string username = Request.Form["UserName"]; string userpass = Request.Form["UserPass"]; T_User user = UserManager.loginpassword(username,userpass); if (user != null) { Session["user"] = user; Response.Write("1"); //登录成功 Response.End(); } else { if (UserManager.OnlyOne(username) >= 1) { Response.Write("2"); //密码不正确 Response.End(); } else { Response.Write("3"); //用户名不存在 Response.End(); } } } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- asp.net-mvc – 如何处理返回ViewResult以外的结果的操作的
- asp.net-core – 需要dotnet core 2.1才能在visual studio中
- asp.net – @Model不支持在Razor视图VB?
- asp.net-mvc – 在ServiceStack服务上进行身份验证后访问客
- asp.net-mvc – 为什么ASP.NET MVC默认的模型绑定器很慢?做
- 仅为匿名配置ASP.NET缓存?
- asp.net-mvc – 来自Objects MVC的DropDownList
- asp.net – GridView’GridView1’触发的事件PageIndexChan
- asp.net-mvc – 如何组合两个dataTextFields的SelectList描
- ASP.net Bin目录–dll加载
推荐文章
站长推荐
热点阅读