快捷導(dǎo)航

jquery $.ajax相關(guān)用法分享

更新時(shí)間：2012年03月16日 21:19:32 作者：

jquery $.ajax相關(guān)用法分享，使用jquery的朋友可以參考下

 
$.ajax({ 
type: "GET", 
url: "Services/EFService.svc/Members", 
data: "{}", 
contentType: "application/json; charset=utf-8", 
dataType: "json", 
success: function (data) { 
// Play with returned data in JSON format 
}, 
error: function (msg) { 
alert(msg); 
} 
}); 

全局事件是每次的Ajax請(qǐng)求都會(huì)觸發(fā)的，它會(huì)向DOM中的所有元素廣播，在上面 getScript() 示例中加載的腳本就是全局Ajax事件。全局事件可以如下定義：

復(fù)制代碼代碼如下:

 
$("#loading").ajaxStart(function(){ 
$(this).show(); 
}); 

我們可以在特定的請(qǐng)求將全局事件禁用，只要設(shè)置下 global 選項(xiàng)就可以了：

復(fù)制代碼代碼如下:

 
$.ajax({ 
url: "test.html", 
global: false,// 禁用全局Ajax事件. // ... }); 

下面是jQuery官方給出的完整的Ajax事件列表：
•ajaxStart (Global Event)
This event is broadcast if an Ajax request is started and no other Ajax requests are currently running.
•beforeSend (Local Event)
This event, which is triggered before an Ajax request is started, allows you to modify the XMLHttpRequest object (setting additional headers, if need be.)
•ajaxSend (Global Event)
This global event is also triggered before the request is run.
•success (Local Event)
This event is only called if the request was successful (no errors from the server, no errors with the data).
•ajaxSuccess (Global Event)
This event is also only called if the request was successful.
•error (Local Event)
This event is only called if an error occurred with the request (you can never have both an error and a success callback with a request).
•ajaxError (Global Event)
This global event behaves the same as the local error event.
•complete (Local Event)
This event is called regardless of if the request was successful, or not. You will always receive a complete callback, even for synchronous requests.
•ajaxComplete (Global Event)
This event behaves the same as the complete event and will be triggered every time an Ajax request finishes.
•ajaxStop (Global Event)
This global event is triggered if there are no more Ajax requests being processed.
jQuery.ajaxSetup( options ) : 設(shè)置全局 AJAX 默認(rèn)選項(xiàng)。
設(shè)置 AJAX 請(qǐng)求默認(rèn)地址為 "/xmlhttp/"，禁止觸發(fā)全局 AJAX 事件，用 POST 代替默認(rèn) GET 方法。其后的 AJAX 請(qǐng)求不再設(shè)置任何選項(xiàng)參數(shù)。
jQuery 代碼:

復(fù)制代碼代碼如下:

 
$.ajaxSetup({ 
url: "/xmlhttp/", 
global: false, 
type: "POST" 
}); 
$.ajax({ data: myData }); 

如果指定為 html 類型，任何內(nèi)嵌的 JavaScript 都會(huì)在 HTML 作為一個(gè)字符串返回之前執(zhí)行。類似地，指定 script 類型的話，也會(huì)先執(zhí)行服務(wù)器端生成 JavaScript，然后再把腳本作為一個(gè)文本數(shù)據(jù)返回。
JSON 數(shù)據(jù)是一種能很方便通過(guò) JavaScript 解析的結(jié)構(gòu)化數(shù)據(jù)。如果獲取的數(shù)據(jù)文件存放在遠(yuǎn)程服務(wù)器上（域名不同，也就是跨域獲取數(shù)據(jù)），則需要使用 jsonp 類型。使用這種類型的話，會(huì)創(chuàng)建一個(gè)查詢字符串參數(shù) callback=? ，這個(gè)參數(shù)會(huì)加在請(qǐng)求的 URL 后面。服務(wù)器端應(yīng)當(dāng)在 JSON 數(shù)據(jù)前加上回調(diào)函數(shù)名，以便完成一個(gè)有效的 JSONP 請(qǐng)求。如果要指定回調(diào)函數(shù)的參數(shù)名來(lái)取代默認(rèn)的 callback，可以通過(guò)設(shè)置 $.ajax() 的 jsonp 參數(shù)。

您可能感興趣的文章: