AJAX 是一(yi)種與服務器交換數(shu)據的技術，可(ke)以在補(bu)充在整個頁面的情(qing)況下更新網頁的一(yi)部分。接(jie)下來通過本文給大家(jia)介紹ajax一(yi)些常用方(fang)法，大家(jia)有需要可(ke)以一(yi)起(qi)學習。

1.url:

要(yao)求為(wei)String類型的參(can)數，(默認(ren)為(wei)當前頁地(di)址)發送請(qing)求的地(di)址。

2.type:

要求(qiu)(qiu)為String類(lei)型(xing)的參數，請求(qiu)(qiu)方(fang)式(shi)(post或get)默(mo)認為get。注意其他http請求(qiu)(qiu)方(fang)法(fa)，例如put和delete也可以使(shi)用，但僅(jin)部分瀏覽器(qi)支持。

3.timeout:

要求(qiu)為Number類型的參數(shu)，設(she)置(zhi)請求(qiu)超(chao)時時間(毫(hao)秒)。此設(she)置(zhi)將(jiang)覆蓋$.ajaxSetup()方法的全局設(she)置(zhi)。

4.async:

要求(qiu)(qiu)為(wei)(wei)(wei)Boolean類型的(de)參數，默(mo)認設置為(wei)(wei)(wei)true，所有請(qing)求(qiu)(qiu)均(jun)為(wei)(wei)(wei)異步請(qing)求(qiu)(qiu)。如果(guo)需(xu)要發送同(tong)步請(qing)求(qiu)(qiu)，請(qing)將此選項設置為(wei)(wei)(wei)false。注意(yi)，同(tong)步請(qing)求(qiu)(qiu)將鎖(suo)住瀏覽器，用戶其他操(cao)作(zuo)必須等待請(qing)求(qiu)(qiu)完成才可以(yi)執行。

5.cache:

要(yao)求(qiu)(qiu)為(wei)(wei)(wei)Boolean類型的參數(shu)，默認為(wei)(wei)(wei)true(當dataType為(wei)(wei)(wei)script時，默認為(wei)(wei)(wei)false)，設(she)置為(wei)(wei)(wei)false將不會從瀏覽器(qi)緩存中加(jia)載請求(qiu)(qiu)信(xin)息。

6.data:

要求為(wei)(wei)Object或String類型(xing)的參數(shu)(shu)，發送(song)到服務器的數(shu)(shu)據。如果已經(jing)不(bu)是字符串(chuan)，將自(zi)動(dong)轉(zhuan)換為(wei)(wei)字符串(chuan)格式。get請求中將附加在url后。防止這(zhe)種自(zi)動(dong)轉(zhuan)換，可以(yi)查看 processData選(xuan)項。對象必須為(wei)(wei)key/value格式，例如{foo1:"bar1",foo2:"bar2"}轉(zhuan)換為(wei)(wei)&foo1=bar1&foo2=bar2。如果是數(shu)(shu)組，JQuery將自(zi)動(dong)為(wei)(wei)不(bu)同(tong)值對應同(tong)一個(ge)名稱(cheng)。例如{foo:["bar1","bar2"]}轉(zhuan)換為(wei)(wei)&foo=bar1&foo=bar2。

7.dataType:

要求(qiu)為(wei)String類型的參(can)數(shu)(shu)，預期服務器返(fan)(fan)回(hui)的數(shu)(shu)據類型。如果不指定，JQuery將自動根據http包mime信息(xi)返(fan)(fan)回(hui)responseXML或(huo)responseText，并作(zuo)為(wei)回(hui)調函(han)數(shu)(shu)參(can)數(shu)(shu)傳遞(di)。可用(yong)的類型如下：

xml：返(fan)回XML文(wen)檔，可用(yong)JQuery處理。

html：返(fan)回純文本HTML信息;包含的script標簽(qian)會在插入DOM時(shi)執行(xing)。

script：返回純文(wen)本JavaScript代碼。不(bu)會自動緩存結(jie)果。除非設(she)置了(le)cache參數(shu)。注意在遠(yuan)程(cheng)請求(qiu)(qiu)時(不(bu)在同一個域(yu)下)，所有post請求(qiu)(qiu)都將轉為(wei)get請求(qiu)(qiu)。

json：返回JSON數據。

jsonp：JSONP格式(shi)。使用SONP形式(shi)調(diao)用函(han)(han)數(shu)時(shi)，例如myurl?callback=?，JQuery將自動替換后一個“?”為(wei)正確的(de)函(han)(han)數(shu)名，以執(zhi)行回調(diao)函(han)(han)數(shu)。

text：返回純文(wen)本字符串(chuan)。

8.beforeSend：

要求(qiu)為Function類(lei)型的參(can)(can)數，發送請(qing)求(qiu)前可以修改XMLHttpRequest對(dui)象(xiang)(xiang)的函數，例如添加自定義HTTP頭。在(zai)beforeSend中如果(guo)返(fan)回(hui)false可以取(qu)消本次ajax請(qing)求(qiu)。XMLHttpRequest對(dui)象(xiang)(xiang)是惟(wei)一的參(can)(can)數。

function(XMLHttpRequest){

this; //調用本次ajax請求時(shi)傳遞的options參(can)數

}

9.complete：

要(yao)求為(wei)Function類(lei)(lei)型的(de)參數(shu)，請(qing)求完成后調(diao)用的(de)回調(diao)函數(shu)(請(qing)求成功或(huo)失(shi)敗時(shi)均調(diao)用)。參數(shu)：XMLHttpRequest對象和一個描述成功請(qing)求類(lei)(lei)型的(de)字符串。

function(XMLHttpRequest, textStatus){

this; //調用本次(ci)ajax請求時傳遞的(de)options參數

}

10.success：

要求為(wei)Function類型的參數，請求成功(gong)后調(diao)用(yong)的回(hui)調(diao)函數，有兩個參數。

(1)由服務器返回，并根(gen)據dataType參數進行處理后的數據。

(2)描述(shu)狀態的字(zi)符(fu)串(chuan)。

function(data, textStatus){

//data可能是xmlDoc、jsonObj、html、text等(deng)等(deng)

this; //調用本次ajax請(qing)求(qiu)時傳遞的(de)options參數

}

11.error:

要求為Function類型的(de)參(can)(can)數(shu)，請求失敗時(shi)被(bei)調用的(de)函數(shu)。該函數(shu)有(you)3個(ge)參(can)(can)數(shu)，即XMLHttpRequest對象、錯(cuo)誤信息、捕獲的(de)錯(cuo)誤對象(可選)。ajax事(shi)件函數(shu)如下：

function(XMLHttpRequest, textStatus, errorThrown){

//通常情況下textStatus和errorThrown只有其(qi)中一個包含信息

this; //調用本次ajax請求時傳遞的options參數

}

12.contentType：

要求為String類型的參數，當發送信息至服務器時，內容編碼類型默認為"
application/x-www-form-urlencoded"。該默認值(zhi)適合(he)大多(duo)數應用(yong)場合(he)。

13.dataFilter：

要求(qiu)為Function類型(xing)的(de)(de)參數(shu)，給Ajax返回的(de)(de)原始數(shu)據進行預處理(li)(li)的(de)(de)函數(shu)。提供data和type兩(liang)個參數(shu)。data是Ajax返回的(de)(de)原始數(shu)據，type是調(diao)用jQuery.ajax時提供的(de)(de)dataType參數(shu)。函數(shu)返回的(de)(de)值將由jQuery進一(yi)步處理(li)(li)。

function(data, type){

//返回(hui)處理后的數(shu)據

return data;

}

14.dataFilter：

要求為(wei)Function類型的(de)(de)參(can)數，給Ajax返(fan)(fan)回的(de)(de)原始(shi)數據(ju)(ju)進(jin)行預處(chu)理的(de)(de)函數。提供data和type兩個參(can)數。data是Ajax返(fan)(fan)回的(de)(de)原始(shi)數據(ju)(ju)，type是調(diao)用(yong)jQuery.ajax時提供的(de)(de)dataType參(can)數。函數返(fan)(fan)回的(de)(de)值將由jQuery進(jin)一步處(chu)理。

function(data, type){

//返回處(chu)理后的數據

return data;

}

15.global：

要求為(wei)(wei)Boolean類型的參(can)數(shu)，默認(ren)為(wei)(wei)true。表(biao)示是否觸發(fa)全(quan)局(ju)ajax事件。設置為(wei)(wei)false將(jiang)不會(hui)觸發(fa)全(quan)局(ju)ajax事件，ajaxStart或ajaxStop可用(yong)于控制各種ajax事件。

16.ifModified：

要求為Boolean類型的參數，默認(ren)為false。僅在服(fu)務器數據改變時(shi)獲取新數據。服(fu)務器數據改變判斷的依據是Last-Modified頭信息(xi)。默認(ren)值(zhi)是false，即忽略頭信息(xi)。

17.jsonp：

要求為String類(lei)型(xing)的(de)參數，在(zai)一個(ge)jsonp請求中重寫回調函數的(de)名(ming)字(zi)。該值用來替代在(zai)"callback=?"這種(zhong)GET或POST請求中URL參數里的(de)"callback"部分，例如{jsonp:'onJsonPLoad'}會(hui)導致(zhi)將"onJsonPLoad=?"傳(chuan)給(gei)服務器。

18.username：

要求為String類型的(de)參(can)數(shu)，用于響應HTTP訪問認證請(qing)求的(de)用戶(hu)名。

19.password：

要求為String類型的(de)參數，用于響應HTTP訪問認證請求的(de)密碼。

20.processData：

要求為Boolean類型的參數，默認為true。默認情況下，發送的數據將被轉換為對象(從技術角度來講并非字符串)以配合默認內容類型"
application/x-www-form-urlencoded"。如果要發(fa)送DOM樹信息或者(zhe)其他(ta)不希望轉換的信息，請設置(zhi)為false。

21.scriptCharset：

要求為(wei)String類型的(de)參數，只有當請求時dataType為(wei)"jsonp"或者"script"，并(bing)且type是GET時才會用于強(qiang)制修改字符集(ji)(charset)。通常(chang)在本地和遠程的(de)內容編碼不同時使用。

案例代碼：

$(function(){

$('#send').click(function(){

$.ajax({

type: "GET",

url: "test.json",

data: {username:$("#username").val(), content:$("#content").val()},

dataType: "json",

success: function(data){

$('#resText').empty(); //清空resText里面的(de)所有內容(rong)

var html = '';

$.each(data, function(commentIndex, comment){

html += '<div class="comment"><h6>' + comment['username']

+ ':</h6><p class="para"' + comment['content']

+ '</p></div>';

});

$('#resText').html(html);

}

});

});

});