Ajax 비동기 로그 인 요청

24317 단어 데이터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. 
   
   
   
   
  2.    <script src="../member/js/jquery-1.7.2.js" type="text/javascript"></script> 
    3. 
   
   
   
   
  3.    <script src="../SWFUpload/jquery-ui-1.8.2.custom.min.js" type="text/javascript"></script> 
    4.

2. html 폼 꺼 내기

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



|||||     Jquery  
 


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


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



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

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



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

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage