Jquery ajax執行順序 返回自訂錯誤資訊(執行個體講解)_jquery

1.多個Ajax 在一個function中的執行順序

由於Jquery中的Ajax的async預設是true(非同步請求),如果想一個Ajax執行完後再執行另一個Ajax, 需要把async=false就可以了.

複製代碼 代碼如下:

function TestAjax(){
            var UserName = $("#txtUserName").val();
            $.ajax(
            {
                url: "AjaxCheckUserName.htm",
                async: false,
                success: function (data) {
                    alert(data);
                }
            });
            alert('Test');
            $.ajax({
                url: "AjaxHandler.ashx",
                async: false,
                data: "UserName=" + UserName,
                success: function (data) {
                    $("#divAjax").html(data);
                },
                error: function (msg) {
                    alert(msg.responseText);
                }
            });
        }

2. 返回自訂錯誤

設定 StatusCode = 500,

觸發Ajax的錯誤(error), 在接收到資料顯示自訂資訊

複製代碼 代碼如下:

error: function (msg) {
                    alert(msg.responseText);
                }

 context.Response.StatusCode = 500;
 context.Response.Write("請輸入使用者名稱");

複製代碼 代碼如下:

string sUserName = context.Request.QueryString["UserName"];
            if (!string.IsNullOrEmpty(sUserName))
            {
                context.Response.Write(string.Format("Hello {0}!", sUserName));
            }
            else
            {
                context.Response.StatusCode = 500;
                context.Response.Write("請輸入使用者名稱");
            }

檔案下載： download