asp.Net+ajaxのPostリクエストインスタンス

6807 ワード

本文の例はaspを述べた.Net+ajaxのPostリクエストの実装方法.皆さんの参考にしてください.具体的には以下の通りです.

   //  ajax Post     
  
    function submitInfo() { 
        $(".warn").hide(); //  
        var data = $("#formData").serialize(); // , URL 。 jQuery
        $.post("/login/checkLoginInfo", data, function (ajaxObj) { // login CheckLOginInfo 。 data。  ,function 。ajaxObj checkLoginInfo  
            // {status: 1(success)/0(fail),} 
            if (ajaxObj.status == 0 || status == null) { // 0 null  
                $(".warn").show(); //  
            } else { 
                // ,  
                window.location = '/HotelList/Index'; 
            } 
        }, "json"); 
}

この文のパラメータに注意してください.コールバック関数loginFinishと上の$です.Post()リクエストの違い

   $.post("/ajax/UserLogin.ashx", 
  
    { "username": username, "password": password },
    loginFinish);

     
  
 
      <br/>     <link href="/css/ui-lightness/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css"/>  <br/>     <script src="/js/jquery-1.4.2.js" type="text/javascript"/>  <br/>     <script src="/js/jquery-ui-1.8.2.custom.js" type="text/javascript"/>  <br/>     <script type="text/javascript">  <br>         // ,   <br>         var checkLogin = function () {  <br>             $.post("/ajax/CheckLogin.ashx", function (data) {  <br>                 var strs = data.split("|");  <br>                 if (strs[0] == "no") {  <br>                     //alert(" ");  <br>                     $("#divLoginArea").show(); // " "  <br>                     $("#divLoginOutArea").hide(); // " "  <br>                 }  <br>                 else {  <br>                     // “ ”、“ ”   <br>                     $("#divLoginArea").hide(); // " "  <br>                     $("#divLoginOutArea").show(); // " "  <br>                     $("#spanUserName").text(strs[1]);//   <br>                 }  <br>             });  <br>         }  <br>   <br>         var loginFinish = function (data) {  //   <br>             if (data == "ok") {  <br>                 //alert(" ");  <br>                 $("#divLogin").dialog("close"); //   <br>                 checkLogin();// ,   <br>             }  <br>             else {  <br>                 alert(" ");  <br>             }  <br>         };  <br>         $(function () {  <br>             $("#btnShowLoginDlg").click(function () {  <br>                 $("#divLogin").dialog({  <br>                     height: 200,  <br>                     modal: true  <br>                 });  <br>             });  <br>             $("#btnLogin").click(function () {  // " "   <br>                 //todo: 、   <br>                 var username = $("#txtUserName").val();  <br>                 var password = $("#txtPwd").val();  <br>                 $.post("/ajax/UserLogin.ashx",//---------------------- $.Post()   <br>                     { "username": username, "password": password },  <br>                     loginFinish);  <br>             });  <br>         });  <br>   <br>         $(function () {  <br>             checkLogin();//   <br>             $("#btnLogout").click(function () {  <br>                 $.post("/ajax/Logout.ashx", function () {  <br>                     checkLogin();//   <br>                 });  <br>             });  <br>         });  <br>     </script>  <br/>     <contentplaceholder id="head" runat="server">  <br/>     </contentplaceholder>  <br/>   <br/>   <br/>     <form id="form1" runat="server">  <br/>     <div>  <br/>         <div id="divLoginArea" style="display:none"><input type="button" value=" " id="btnShowLoginDlg"/></div>  <br/>         <div id="divLoginOutArea" style="display:none">  <br/>             <span id="spanUserName"/>  <br/>             <input type="button" value=" " id="btnLogout"/>  <br/>         </div>  <br/>         <div id="divLogin" title=" " style="display:none">  <br/>             <table>  <br/>                 <tr><td> :</td><td><input type="text" id="txtUserName"/></td></tr>  <br/>                 <tr><td> :</td><td><input type="password" id="txtPwd"/></td></tr>  <br/>                 <tr><td colspan="2"><input type="button" value=" " id="btnLogin"/></td></tr>  <br/>             </table>  <br/>         </div>  <br/>         <br/>  <br/>         <contentplaceholder id="placeHolderMain" runat="server">  <br/>         </contentplaceholder>  <br/>         <br/>  <br/>          <br/>  <br/>     </div>  <br/>     </form>  <br/>   <br/> </code></pre> <p> asp.net 。</p> <div class="clearfix"> <span id="art_bot" class="jbTestPos"/> </div> </div> </div> </div>