ajax 의 Post 요청

<1>
$. post (url, [data], [callback], [type]) 첫 번 째 매개 변 수 는 요청 주소 이 고 두 번 째 매개 변 수 는 전달 하 는 매개 변수 이 며 세 번 째 매개 변 수 는 리 셋 함수 이 며 네 번 째 매개 변 수 는 데 이 터 를 되 돌려 달라 고 요청 하 는 형식 입 니 다.

//  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"); //        ，            ，          json   

    }

<2>
이 문장의 매개 변 수 를 주의 하 십시오. 리 셋 함수 loginFinish 와 위의 $. Post () 요청 과 의 차이 점 을 주의 하 십시오.
$.post("/ajax/UserLogin.ashx", { "username": username, "password": password }, loginFinish);

<html xmlns="http://www.w3.org/1999/xhtml">
<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>

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다양한 언어의 JSON

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

ajax 의 Post 요청

좋은 웹페이지 즐겨찾기