asp.Net+ajaxのPostリクエストインスタンス
6807 ワード
本文の例はaspを述べた.Net+ajaxのPostリクエストの実装方法.皆さんの参考にしてください.具体的には以下の通りです.
この文のパラメータに注意してください.コールバック関数loginFinishと上の$です.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>