asp.net+ajax 의 Post 요청 인 스 턴 스

6540 단어 asp.netajax
이 사례 는 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);
  
<head runat="server"> 
    <title></title> 
    <link href="/css/ui-lightness/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css" /> 
    <script src="/js/jquery-1.4.2.js" type="text/javascript"></script> 
    <script src="/js/jquery-ui-1.8.2.custom.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
        // ,  
        var checkLogin = function () { 
            $.post("/ajax/CheckLogin.ashx", function (data) { 
                var strs = data.split("|"); 
                if (strs[0] == "no") { 
                    //alert(" "); 
                    $("#divLoginArea").show(); // " " 
                    $("#divLoginOutArea").hide(); // " " 
                } 
                else { 
                    // “ ”、“ ”  
                    $("#divLoginArea").hide(); // " " 
                    $("#divLoginOutArea").show(); // " " 
                    $("#spanUserName").text(strs[1]);//  
                } 
            }); 
        } 
 
        var loginFinish = function (data) {  //  
            if (data == "ok") { 
                //alert(" "); 
                $("#divLogin").dialog("close"); //  
                checkLogin();// ,  
            } 
            else { 
                alert(" "); 
            } 
        }; 
        $(function () { 
            $("#btnShowLoginDlg").click(function () { 
                $("#divLogin").dialog({ 
                    height: 200, 
                    modal: true 
                }); 
            }); 
            $("#btnLogin").click(function () {  // " "  
                //todo: 、  
                var username = $("#txtUserName").val(); 
                var password = $("#txtPwd").val(); 
                $.post("/ajax/UserLogin.ashx",//---------------------- $.Post()  
                    { "username": username, "password": password }, 
                    loginFinish); 
            }); 
        }); 
 
        $(function () { 
            checkLogin();//  
            $("#btnLogout").click(function () { 
                $.post("/ajax/Logout.ashx", function () { 
                    checkLogin();//  
                }); 
            }); 
        }); 
    </script> 
    <asp:ContentPlaceHolder ID="head" runat="server"> 
    </asp:ContentPlaceHolder> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
        <div id="divLoginArea" style="display:none"><input type="button" value=" " id="btnShowLoginDlg" /></div> 
        <div id="divLoginOutArea" style="display:none"> 
            <span id="spanUserName"></span> 
            <input type="button" value=" " id="btnLogout" /> 
        </div> 
        <div id="divLogin" title=" "  style="display:none"> 
            <table> 
                <tr><td> :</td><td><input type="text"  id="txtUserName"/></td></tr> 
                <tr><td> :</td><td><input type="password"  id="txtPwd"/></td></tr> 
                <tr><td colspan="2"><input type="button" value=" " id="btnLogin" /></td></tr> 
            </table> 
        </div> 
        <br /> 
        <asp:ContentPlaceHolder ID="placeHolderMain" runat="server"> 
        </asp:ContentPlaceHolder> 
        <br /> 
         <br /> 
    </div> 
    </form> 
</body> 
</html>
본 고 에서 말 한 것 이 여러분 의 asp.net 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기