jQuery之非同步Ajax請求使用 通過傳遞引數來呼叫後臺方法返回狀態
$.ajax({type:'',data:'',async:''...})
引數:
1.cache: true快取頁面 false 不快取頁面
(預設: true,dataType為script和jsonp時預設為false)
1.type: GET /POST
請求方式 ("POST" 或 "GET"), 預設為 "GET"。注意:其它 HTTP 請求方法,如 PUT 和 DELETE 也可以使用,但僅部分瀏覽器支援。
2.async: true/false
預設為true 非同步請求
false 同步請求 注意,同步請求將鎖住瀏覽器,使用者其它操作必須等待請求完成才可以執行。
3.data 傳送到伺服器的資料。將自動轉換為請求字串格式
要求為Object或String型別的引數 物件必須為key/value格式,例如{foo1:"bar1",foo2:"bar2"}轉換為&foo1=bar1&foo2=bar2。
single=Single&multiple=Multiple&multiple=Multiple3&check=check2&radio=radio1
4.dataType: "JSON",
預期伺服器返回的資料型別
@1. "json": 返回 JSON 資料
@2."jsonp": JSONP 格式。使用 JSONP 形式呼叫函式時,如 "myurl?callback=?" jQuery 將自動替換 ? 為正確的函式名,以執行回撥函式。
5. jsonp
在一個jsonp請求中重寫回調函式的名字。這個值用來替代在"callback=?"這種GET或POST請求中URL引數裡的"callback"部分,比如{jsonp:'onJsonPLoad'}會導致將"onJsonPLoad=?"傳給伺服器。
6. jsonpCallback
預設為jQuery自動生成的隨機函式名
為jsonp請求指定一個回撥函式名。這個值將用來取代jQuery自動生成的隨機函式名。這主要用來讓jQuery生成獨特的函式名,這樣管理請求更容易,也能方便地提供回撥函式和錯誤處理。你也可以在想讓瀏覽器快取GET請求的時候,指定這個回撥函式名。
7.success:( data, textStatus, jqXHR)
請求成功後的回撥函式。引數:由伺服器返回,並根據dataType引數進行處理後的資料;描述狀態的字串。還有 jqXHR(在jQuery 1.4.x的中,XMLHttpRequest) 物件 。在jQuery 1.5, 成功設定可以接受一個函式陣列。每個函式將被依次呼叫。
8.$("form").serialize()
序列 所有表單內容為字串 把所有表單的值序列為以下字串
single=Single&multiple=Multiple&multiple=Multiple3&check=check2&radio=radio1
o = $('form').serialize();
$.ajax({
type: "POST",
data : o, data: "name=John&location=Boston", o&name=jack&age=25
dataType: "JSON",
async: false,
url: "coupon_channel.php?act=update",
success: function(data) {
if (data.status == 'ok') {
window.location.href = data.link;
} else {
alert(data.text);
}
}
});
利用ajax的非同步請求,來通過引數的傳遞,進行後臺的取狀態判斷。
以上內容有部分轉載於其他網站,內容僅供參考!