提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

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

NetASP方法 实现 登录 刷新 JqueryAJAX
2023-06-13 09:15:01 时间
因为工作需要研究了一下js的ajax，下面是成果。
主要是三部分：
一、js部分友情提示注意js部分中的$("#btn_login")中的returnfalse；这个可以阻止回转服务器不然还是会刷新
复制代码代码如下:

$(document).ready(function(){
   $("#btn_login").click(function(){
       postlogin();
       returnfalse;
   });
});

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

functioncheckUserName(){
   if($("#txt_loginname").val().length==0){
       alert("用户名不能为空!");
       returnfalse;
   }else{
       returntrue;
   }
}

functioncheckUserPwd(){
   if($("#txt_loginpass").val().lenght==0){
       alert("密码不正确!");
       returnfalse;
   }else{
       returntrue;
   }
}

二、页面部分
复制代码代码如下:

<tablewidth="100%"border="0"cellspacing="0"cellpadding="0">
         <tr>
           <tdwidth="32%"height="37"valign="middle">用户名：</td>
           <tdwidth="68%"valign="middle">
               <inputtype="text"name="txt_loginname"id="txt_loginname"class="input_1"/>
           </td>
         </tr>
         <tr>
           <tdheight="37"valign="middle">密　码：</td>
           <tdvalign="middle">
           <inputtype="password"name="txt_loginpass"id="txt_loginpass"class="input_2"/>
           </td>
         </tr>
         <!--<tr>
           <tdheight="37"valign="middle">验证码：</td>
           <tdvalign="middle">
             <inputtype="text"name="textfield3"id="textfield3"class="input_3"style="float:left"/>
             <spanstyle="float:left;margin-left:6px;"><imgsrc="images/img_7.gif"/></span></td>
         </tr>-->
         <tr>
           <tdcolspan="2">
             <inputtype="image"name="btn_login"id="btn_login"src="images/img_4.gif"/>
             <inputtype="image"name="input"src="images/img_5.gif"/>
              <inputtype="image"name="input"src="images/img_6.gif"/>
           </td>
         </tr>
       </table>

三、后台部分也就是在js中转向的处理登录信息的页面
复制代码代码如下:
protectedvoidPage_Load(objectsender,EventArgse)
       {
           stringusername=Request.Form["UserName"];
           stringuserpass=Request.Form["UserPass"];
           T_Useruser=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();
               }
           }
       }

相关文章