Ajax 비동기 로그 인 요청

이 로그 인 을 하려 면 제3자 Jquery UI 를 사용 합 니 다. 이 오픈 소스 JueryUI 에는 대화 상자 dialog 가 있 습 니 다. 로그 인 층 이 이미 봉인 되 어 있 습 니 다.다음은 로그 인 을 실현 하 는 방법 에 대해 말씀 드 리 겠 습 니 다.
1. 먼저 제3자 의 물건 을 가 져 옵 니 다

  
  
  
  
  1. <link href="../Css/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css" /> 
  2.    <script src="../member/js/jquery-1.7.2.js" type="text/javascript"></script> 
  3.    <script src="../SWFUpload/jquery-ui-1.8.2.custom.min.js" type="text/javascript"></script> 

2. html 폼 꺼 내기

  
  
  
  
  1. <body> 
  2.     <form id="form1" runat="server"> 
  3.     <div> 
  4.         <div> 
  5.             <div id="divLogin" style="display: none"> 
  6.                 <a id="linkUserName"></a><a id="linkLogout" href="void(0)"< /span>> </a> 
  7.             </div> 
  8.             <div id="divNotLogin" style="display: none"> 
  9.                 <a href="void(0)"< /span> id="linkLogin"> </a> 
  10.             </div> 
  11.             <div id="dlgLogin" style="display: none"> 
  12.                  :<input type="text" id="txtLoginUserName" /><br /> 
  13.                  :<input type="password" id="txtLoginPassword" /><br /> 
  14.                 <div id="divLoginMsg" style="color: Red"> 
  15.                 </div> 
  16.                 <br /> 
  17.                 <input type="button" id="btnLogin" value=" " /> 
  18.             </div> 
  19.         </div> 
  20.     </form> 
  21. </body> 

|||||     Jquery  
 

  
  
  
  
  1. <script type="text/javascript"
  2.     $(function(){ 
  3.     CheckLogin();//  
  4.     //  
  5.        $("#btnLogin").click(function(){ 
  6.        userLogin();//  
  7.        location.href="/member/BookShow_UI.aspx";//  
  8.        }); 
  9.         // JqueryUI  
  10.          $("#linkLogin").click(function () { 
  11.                 $("#dlgLogin").dialog({ 
  12.                     modal: true
  13.                     buttons: { 
  14.                         Ok: function () { 
  15.                             $(this).dialog('close'); 
  16.                         } 
  17.                     } 
  18.                 }); 
  19.     }); 
  20.      //  
  21.      function userLogin(){ 
  22.       //  
  23.       var name=$("#txtLoginUserName").val(); 
  24.       var pwd=$("#txtLoginPassword").val(); 
  25.       //  
  26.       if(name!="" && pwd!=null){ 
  27.        $.post("/ashx/Login.ashx",{"action":"login","textName":name,"textPwd":pwd},function(data){ 
  28.  var str=data.split(":"); 
  29.   var s = data.split(":"); 
  30.                     if (s[0] == "0k") { 
  31.                         $("#divLogin").show(); 
  32.                         $("#linkUserName").text(s[1]); 
  33.                         //  
  34.                         $("#dlgLogin").dialog('close'); 
  35.                         $("#divNotLogin").hide(); 
  36.                         $("#dlgLogin").hide(); 
  37.                     } else if (s[0] == "no") { 
  38.                         $("#divLogin").hide(); 
  39.                         $("#divNotLogin").show(); 
  40.                     } else { 
  41.                         alert(" "); 
  42.                         return false
  43.                     } 
  44. }); 
  45.        } 
  46.      }; 
  47.      //  
  48.         function CheckLogin() { 
  49.             $.post("/ashx/Login.ashx", { "action""check" }, function (data) { 
  50.                 var s = data.split(":"); 
  51.                 if (s[0] == "ok") {//ok   
  52.                     $("#divLogin").show(); 
  53.                     $("#linkUserName").text(s[1]); 
  54.                     $("#divNotLogin").hide(); 
  55.                     $("#dlgLogin").hide(); 
  56.                 } else if (s[0] == "no") { 
  57.                     $("#divLogin").hide(); 
  58.                     $("#divNotLogin").show(); 
  59.                 } else { 
  60.                     alert(" !!"); 
  61.                 } 
  62.             }); 
  63.         } 
  64. </scirpt> 


========================================      
                 ,Seesion["User"]=user,                    
 Session  。                   System.Web.SessionSatae.IRequiresSessionState
1.              check           login     
string action=context.Request.Form["action"];//    check  login
//              ,           


  
  
  
  
  1. if(action=="check"){ 
  2.    //  
  3.    if(context.Session["User"]!=null
  4.     { 
  5.     // Seesion  
  6.     context.Response.Write("ok:"+(((Model.User)context.Session["User"])).LoginId); 
  7.      }else
  8.       context.Response.Write("no:"); 
  9.      } 
  10. }else if(action=="login"){ 
  11. //  
  12. string textName=context.Request.Form["textName"]; 
  13. string textPwd=context.Request.Form["textPwd"]; 
  14. // BLL  
  15. BLL.UserManger bll=new BLL.UserManager(); 
  16. // Model  
  17. Model.User model=null
  18. //  
  19. string msg=string.Empty; 
  20. // bll  
  21. bool b=bll.GetCheckUserLogin(textName,textPwd,out msg,out model); 
  22. // b true; 
  23. if(b){ 
  24. context.Session["User"]=model; 
  25. context.Response.Write("ok:"+model.LoginId); 
  26. }else
  27. context.Response.Write("on:"); 

                            
   bll             GetCheckUserLogin(string name,string pwd,out string msg,out Model.User user)


  
  
  
  
  1. //  
  2. public bool GetCheckUserLogin(string name,string pwd,out string msg out Model.User user) 
  3. // DAL  
  4. DAL.UserServices dal=new DAL.UserServices(); 
  5. user=dal.GetModel(name);//       
  6. //  
  7. if(user!=null
  8. //     
  9. if(user.UserState.Name==" "
  10. //  
  11. if(user.LoginPwd=="pwd"
  12. msg=" "
  13. return true
  14. }else
  15. msg=" "
  16. return false
  17. }else
  18. msg=" "
  19. return false
  20. }else
  21. msg=" "
  22. return false

좋은 웹페이지 즐겨찾기