$.ajax()方法詳解

1.url:

要求為String的參數,(默認為當前頁的地址)發(fā)送請求的地址。

2.type:

要求為String的參數,請求方式(post或get)默認為get楼镐。注意其他http請求方法喷橙,例如put和delete也可以使用啥么,但僅部分瀏覽器支持。

3.timeout:

要求為Number類型的參數贰逾,默認設置為true悬荣,所有請求均為異步請求。如果需要發(fā)送同步請求疙剑,請將此選項設置為false氯迂。注意,同步請求將鎖住瀏覽器核芽,用戶其他操作必須等待請求完成才可以執(zhí)行囚戚。

4.async:

要求為Boolean類型的參數,默認為true(當dataType為script時轧简,默認為false)驰坊,設置為false將不會從瀏覽器緩存中加載請求信息。

6.data:

要求為Object或String類型的參數哮独,發(fā)送到服務器的數據拳芙。如果已經不是字符串,將自動轉換為字符串格式皮璧。get請求中將附加在url后舟扎,防止這種自動轉換,可以查看processData選型悴务。對象必須為key/value格式睹限,例如{foo1:"bar1",foo2:"bar2"}轉換為&foo1=bar1&foo2=bar2。如果是數組讯檐,Query將自動為不同值對應同一個名稱羡疗。例如{foo:["bar1","bar2"]}轉換為&foo=bar1&foo=bar2

7.dataType:

要求為String類型的參數别洪,預期服務器返回的數據類型叨恨。如果不指定,JQuery將自動根據http包mime信息返回responseXMLresponseText挖垛,并作為回調函數參數傳遞痒钝。可用的類型如下:
  xml:返回XML文檔痢毒,可用JQuery處理送矩。
  html:返回純文本HTML信息;包含的script標簽會在插入DOM時執(zhí)行哪替。
  script:返回純文本JavaScript代碼益愈。不會自動緩存結果。除非設置了cache參數。注意在遠程請求時(不在同一個域下)蒸其,所有post請求都將轉為get請求。
  json:返回JSON數據库快。
  jsonp:JSONP格式摸袁。使用SONP形式調用函數時,例如myurl?callback=?义屏,JQuery將自動替換后一個“?”為正確的函數名靠汁,以執(zhí)行回調函數。
  text:返回純文本字符串闽铐。

8.beforeSend:

要求為Function類型的參數蝶怔,發(fā)送請求前可以修改XMLHttpRequest對象的函數,例如添加自定義HTTP頭兄墅。在beforeSend中如果返回false可以取消本次ajax請求踢星。XMLHttpRequest對象是惟一的參數。

function(XMLHttpRequest){
    this;   //調用本次ajax請求時傳遞的options參數
}

9.complete:

要求為Function類型的參數隙咸,請求完成后調用的回調函數(請求成功或失敗時均調用)沐悦。參數:XMLHttpRequest對象和一個描述成功請求類型的字符串。

function(XMLHttpRequest, textStatus){
    this;    //調用本次ajax請求時傳遞的options參數
}

10.success:

要求為Function類型的參數五督,請求成功后調用的回調函數藏否,有兩個參數。
 (1)由服務器返回充包,并根據dataType參數進行處理后的數據副签。
 (2)描述狀態(tài)的字符串。

function(data, textStatus){
    //data可能是xmlDoc基矮、jsonObj淆储、html、text等等
    this;  //調用本次ajax請求時傳遞的options參數
 }

11.error:

要求為Function類型的參數愈捅,請求失敗時被調用的函數遏考。該函數有3個參數,即XMLHttpRequest對象蓝谨、錯誤信息灌具、捕獲的錯誤對象(可選)。ajax事件函數如下:

function(XMLHttpRequest, textStatus, errorThrown){
     //通常情況下textStatus和errorThrown只有其中一個包含信息
     this;   //調用本次ajax請求時傳遞的options參數
}

12.contentType:

要求為String類型的參數譬巫,當發(fā)送信息至服務器時咖楣,內容編碼類型默認為"application/x-www-form-urlencoded"。該默認值適合大多數應用場合芦昔。

13.dataFilter:

要求為Function類型的參數诱贿,給Ajax返回的原始數據進行預處理的函數。提供data和type兩個參數。data是Ajax返回的原始數據珠十,type是調用jQuery.ajax時提供的dataType參數料扰。函數返回的值將由jQuery進一步處理。

 function(data, type){
     //返回處理后的數據
     return data;
 }

14.dataFilter:

要求為Function類型的參數焙蹭,給Ajax返回的原始數據進行預處理的函數晒杈。提供datatype兩個參數。data是Ajax返回的原始數據孔厉,type是調用jQuery.ajax時提供的dataType參數拯钻。函數返回的值將由jQuery進一步處理。

function(data, type){
     //返回處理后的數據
     return data;
}

15.global:

要求為Boolean類型的參數撰豺,默認為true粪般。表示是否觸發(fā)全局ajax事件。設置為false將不會觸發(fā)全局ajax事件污桦,ajaxStartajaxStop可用于控制各種ajax事件亩歹。

16.ifModified:

要求為Boolean類型的參數,默認為false寡润。僅在服務器數據改變時獲取新數據捆憎。服務器數據改變判斷的依據是Last-Modified頭信息。默認值是false梭纹,即忽略頭信息躲惰。

17.jsonp:

要求為String類型的參數,在一個jsonp請求中重寫回調函數的名字变抽。該值用來替代在"callback=?"這種GET或POST請求中URL參數里的"callback"部分础拨,例如{jsonp:'onJsonPLoad'}會導致將"onJsonPLoad=?"傳給服務器。

18.username:

要求為String類型的參數绍载,用于響應HTTP訪問認證請求的用戶名诡宗。

19.password:

要求為String類型的參數,用于響應HTTP訪問認證請求的密碼击儡。

20.processData:

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

21.scriptCharset:

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

案例代碼:
$(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里面的所有內容
                    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);
                }
            });
        });
    });

22.順便說一下$.each()函數:

$.each()函數不同于JQuery對象的each()方法冒窍,它是一個全局函數,不操作JQuery對象豺鼻,而是以一個數組或者對象作為第1個參數综液,以一個回調函數作為第2個參數∪屐回調函數擁有兩個參數:第1個為對象的成員或數組的索引意乓,第2個為對應變量或內容。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末约素,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子笆凌,更是在濱河造成了極大的恐慌圣猎,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,657評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件乞而,死亡現場離奇詭異送悔,居然都是意外死亡,警方通過查閱死者的電腦和手機爪模,發(fā)現死者居然都...
    沈念sama閱讀 92,889評論 3 394
  • 文/潘曉璐 我一進店門欠啤,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人屋灌,你說我怎么就攤上這事洁段。” “怎么了共郭?”我有些...
    開封第一講書人閱讀 164,057評論 0 354
  • 文/不壞的土叔 我叫張陵祠丝,是天一觀的道長。 經常有香客問我除嘹,道長写半,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,509評論 1 293
  • 正文 為了忘掉前任尉咕,我火速辦了婚禮叠蝇,結果婚禮上,老公的妹妹穿的比我還像新娘年缎。我一直安慰自己悔捶,他們只是感情好,可當我...
    茶點故事閱讀 67,562評論 6 392
  • 文/花漫 我一把揭開白布晦款。 她就那樣靜靜地躺著炎功,像睡著了一般。 火紅的嫁衣襯著肌膚如雪缓溅。 梳的紋絲不亂的頭發(fā)上蛇损,一...
    開封第一講書人閱讀 51,443評論 1 302
  • 那天,我揣著相機與錄音,去河邊找鬼淤齐。 笑死股囊,一個胖子當著我的面吹牛,可吹牛的內容都是我干的更啄。 我是一名探鬼主播稚疹,決...
    沈念sama閱讀 40,251評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼祭务!你這毒婦竟也來了内狗?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,129評論 0 276
  • 序言:老撾萬榮一對情侶失蹤义锥,失蹤者是張志新(化名)和其女友劉穎柳沙,沒想到半個月后,有當地人在樹林里發(fā)現了一具尸體拌倍,經...
    沈念sama閱讀 45,561評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡赂鲤,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,779評論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現自己被綠了柱恤。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片数初。...
    茶點故事閱讀 39,902評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖梗顺,靈堂內的尸體忽然破棺而出泡孩,到底是詐尸還是另有隱情,我是刑警寧澤荚守,帶...
    沈念sama閱讀 35,621評論 5 345
  • 正文 年R本政府宣布珍德,位于F島的核電站,受9級特大地震影響矗漾,放射性物質發(fā)生泄漏锈候。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,220評論 3 328
  • 文/蒙蒙 一敞贡、第九天 我趴在偏房一處隱蔽的房頂上張望泵琳。 院中可真熱鬧,春花似錦誊役、人聲如沸获列。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽击孩。三九已至,卻和暖如春鹏漆,著一層夾襖步出監(jiān)牢的瞬間巩梢,已是汗流浹背创泄。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留括蝠,地道東北人鞠抑。 一個月前我還...
    沈念sama閱讀 48,025評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像忌警,于是被迫代替她去往敵國和親搁拙。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,843評論 2 354

推薦閱讀更多精彩內容