本文實(shí)例講述了jQuery實(shí)現(xiàn)ajax的嵌套請(qǐng)求。分享給大家供大家參考，具體如下：

今天看到了一個(gè)嵌套的ajax，算是長(zhǎng)見(jiàn)識(shí)了。

不過(guò)看一眼就知道怎么回事了。

不是不會(huì)，就怕想不到。

//發(fā)送一個(gè)ajax請(qǐng)求，嵌套的ajax請(qǐng)求
'ajaxCall': function(url1, data1, url2, data2){
  var returnValue = '';
  $.ajax({
    type: "POST",
    url: url1,
    async: false,
    data: data1,
    success: function(data3) {
      //TODO
      //外層ajax響應(yīng)成功，就再次發(fā)送ajax請(qǐng)求到第二個(gè)地址
      $.ajax({
        type: "POST",
        url: url2,
        data: data2,
        async: false,
        success: function(data4) {
          //TODO，對(duì)returnValue進(jìn)行賦值
        }
      });
    }
  });
  return returnValue;
}

注:外層的 AJAX 和內(nèi)層的 AJAX 的 async 屬性都要設(shè)置為 false, 如果不這樣的話, 兩次請(qǐng)求都是異步的, 可能會(huì)導(dǎo)致數(shù)據(jù)獲取不到, 但是也有一個(gè)弊端, 因?yàn)橥? 在異步請(qǐng)求時(shí), 瀏覽器是鎖死狀態(tài), 不能進(jìn)行其他的操作。

jquery中的ajax方法參數(shù)的用法和他的含義：

1.url:

要求為String類(lèi)型的參數(shù)，（默認(rèn)為當(dāng)前頁(yè)地址）發(fā)送請(qǐng)求的地址。

2.type:

要求為String類(lèi)型的參數(shù)，請(qǐng)求方式（post或get）默認(rèn)為get。注意其他http請(qǐng)求方法，例如put和delete也可以使用，但僅部分瀏覽器支持。

3.timeout:

要求為Number類(lèi)型的參數(shù)，設(shè)置請(qǐng)求超時(shí)時(shí)間（毫秒）。此設(shè)置將覆蓋$.ajaxSetup()方法的全局設(shè)置。

4.async:

要求為Boolean類(lèi)型的參數(shù)，默認(rèn)設(shè)置為true，所有請(qǐng)求均為異步請(qǐng)求。如果需要發(fā)送同步請(qǐng)求，請(qǐng)將此選項(xiàng)設(shè)置為false。注意，同步請(qǐng)求將鎖住瀏覽器，用戶其他操作必須等待請(qǐng)求完成才可以執(zhí)行。

5.cache:

要求為Boolean類(lèi)型的參數(shù)，默認(rèn)為true（當(dāng)dataType為script時(shí)，默認(rèn)為false），設(shè)置為false將不會(huì)從瀏覽器緩存中加載請(qǐng)求信息。

6.data:

要求為Object或String類(lèi)型的參數(shù)，發(fā)送到服務(wù)器的數(shù)據(jù)。如果已經(jīng)不是字符串，將自動(dòng)轉(zhuǎn)換為字符串格式。get請(qǐng)求中將附加在url后。防止這種自動(dòng)轉(zhuǎn)換，可以查看processData（防止自動(dòng)轉(zhuǎn)換）選項(xiàng)。對(duì)象必須為key/value格式，例如{foo1:"bar1",foo2:"bar2"}轉(zhuǎn)換為&foo1=bar1&foo2=bar2。如果是數(shù)組，JQuery將自動(dòng)為不同值對(duì)應(yīng)同一個(gè)名稱。例如{foo:["bar1","bar2"]}轉(zhuǎn)換為&foo=bar1&foo=bar2。

7.dataType:

要求為String類(lèi)型的參數(shù)，預(yù)期服務(wù)器返回的數(shù)據(jù)類(lèi)型。如果不指定，JQuery將自動(dòng)根據(jù)http包mime信息返回responseXML或responseText，并作為回調(diào)函數(shù)參數(shù)傳遞。可用的類(lèi)型如下：

• xml：返回XML文檔，可用JQuery處理。
• html：返回純文本HTML信息；包含的script標(biāo)簽會(huì)在插入DOM時(shí)執(zhí)行。
• script：返回純文本JavaScript代碼。不會(huì)自動(dòng)緩存結(jié)果。除非設(shè)置了cache參數(shù)。注意在遠(yuǎn)程請(qǐng)求時(shí)（不在同一個(gè)域下），所有post請(qǐng)求都將轉(zhuǎn)為get請(qǐng)求。
• json：返回JSON數(shù)據(jù)。
• jsonp：JSONP格式。使用SONP形式調(diào)用函數(shù)時(shí)，例如myurl?callback=?，JQuery將自動(dòng)替換后一個(gè)“?”為正確的函數(shù)名，以執(zhí)行回調(diào)函數(shù)。
• text：返回純文本字符串。

8.beforeSend：

這個(gè)參數(shù)主要是為了在向服務(wù)器發(fā)送請(qǐng)求前，執(zhí)行一些操作。要求為Function類(lèi)型的參數(shù)，發(fā)送請(qǐng)求前可以修改XMLHttpRequest對(duì)象的函數(shù)，例如添加自定義HTTP頭。在beforeSend中如果返回false可以取消本次ajax請(qǐng)求。XMLHttpRequest對(duì)象是惟一的參數(shù)。

function(XMLHttpRequest){
    this;  //調(diào)用本次ajax請(qǐng)求時(shí)傳遞的options參數(shù)
}

9.complete：

要求為Function類(lèi)型的參數(shù)，請(qǐng)求完成后調(diào)用的回調(diào)函數(shù)（請(qǐng)求成功或失敗時(shí)均調(diào)用）。參數(shù)：XMLHttpRequest對(duì)象和一個(gè)描述成功請(qǐng)求類(lèi)型的字符串。

function(XMLHttpRequest, textStatus){
   this;  //調(diào)用本次ajax請(qǐng)求時(shí)傳遞的options參數(shù)
}

10.success：

要求為Function類(lèi)型的參數(shù)，請(qǐng)求成功后調(diào)用的回調(diào)函數(shù)，有兩個(gè)參數(shù)。
(1)由服務(wù)器返回，并根據(jù)dataType參數(shù)進(jìn)行處理后的數(shù)據(jù)。
(2)描述狀態(tài)的字符串。

function(data, textStatus){
  //data可能是xmlDoc、jsonObj、html、text等等
  this; //調(diào)用本次ajax請(qǐng)求時(shí)傳遞的options參數(shù)
}

11.error:

要求為Function類(lèi)型的參數(shù)，請(qǐng)求失敗時(shí)被調(diào)用的函數(shù)。該函數(shù)有3個(gè)參數(shù)，即XMLHttpRequest對(duì)象、錯(cuò)誤信息、捕獲的錯(cuò)誤對(duì)象(可選)。ajax事件函數(shù)如下：

function(XMLHttpRequest, textStatus, errorThrown){
 //通常情況下textStatus和errorThrown只有其中一個(gè)包含信息
 this;  //調(diào)用本次ajax請(qǐng)求時(shí)傳遞的options參數(shù)
}

12.contentType：

要求為String類(lèi)型的參數(shù)，當(dāng)發(fā)送信息至服務(wù)器時(shí)，內(nèi)容編碼類(lèi)型默認(rèn)為"application/x-www-form-urlencoded"。該默認(rèn)值適合大多數(shù)應(yīng)用場(chǎng)合。

13.dataFilter：

要求為Function類(lèi)型的參數(shù)，給Ajax返回的原始數(shù)據(jù)進(jìn)行預(yù)處理的函數(shù)。提供data和type兩個(gè)參數(shù)。data是Ajax返回的原始數(shù)據(jù)，type是調(diào)用jQuery.ajax時(shí)提供的dataType參數(shù)。函數(shù)返回的值將由jQuery進(jìn)一步處理。

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

14.dataFilter：

要求為Function類(lèi)型的參數(shù)，給Ajax返回的原始數(shù)據(jù)進(jìn)行預(yù)處理的函數(shù)。提供data和type兩個(gè)參數(shù)。data是Ajax返回的原始數(shù)據(jù)，type是調(diào)用jQuery.ajax時(shí)提供的dataType參數(shù)。函數(shù)返回的值將由jQuery進(jìn)一步處理。

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

15.global：

要求為Boolean類(lèi)型的參數(shù)，默認(rèn)為true。表示是否觸發(fā)全局ajax事件。設(shè)置為false將不會(huì)觸發(fā)全局ajax事件，ajaxStart或ajaxStop可用于控制各種ajax事件。

16.ifModified：

要求為Boolean類(lèi)型的參數(shù)，默認(rèn)為false。僅在服務(wù)器數(shù)據(jù)改變時(shí)獲取新數(shù)據(jù)。服務(wù)器數(shù)據(jù)改變判斷的依據(jù)是Last-Modified頭信息。默認(rèn)值是false，即忽略頭信息。

17.jsonp：

要求為String類(lèi)型的參數(shù)，在一個(gè)jsonp請(qǐng)求中重寫(xiě)回調(diào)函數(shù)的名字。該值用來(lái)替代在"callback=?"這種GET或POST請(qǐng)求中URL參數(shù)里的"callback"部分，例如{jsonp:'onJsonPLoad'}會(huì)導(dǎo)致將"onJsonPLoad=?"傳給服務(wù)器。

18.username：

要求為String類(lèi)型的參數(shù)，用于響應(yīng)HTTP訪問(wèn)認(rèn)證請(qǐng)求的用戶名。

19.password：

要求為String類(lèi)型的參數(shù)，用于響應(yīng)HTTP訪問(wèn)認(rèn)證請(qǐng)求的密碼。

20.processData：

要求為Boolean類(lèi)型的參數(shù)，默認(rèn)為true。默認(rèn)情況下，發(fā)送的數(shù)據(jù)將被轉(zhuǎn)換為對(duì)象（從技術(shù)角度來(lái)講并非字符串）以配合默認(rèn)內(nèi)容類(lèi)型"application/x-www-form-urlencoded"。如果要發(fā)送DOM樹(shù)信息或者其他不希望轉(zhuǎn)換的信息，請(qǐng)?jiān)O(shè)置為false。

21.scriptCharset：

要求為String類(lèi)型的參數(shù)，只有當(dāng)請(qǐng)求時(shí)dataType為"jsonp"或者"script"，并且type是GET時(shí)才會(huì)用于強(qiáng)制修改字符集(charset)。通常在本地和遠(yuǎn)程的內(nèi)容編碼不同時(shí)使用。

PS:

今天在看 jQuery1.5時(shí),看到了這個(gè)$.when(), 使用這個(gè)就能解決上面的瀏覽器鎖死狀態(tài).

放上兩個(gè)鏈接:

$.when的用法

延遲對(duì)象的用法

var ajax1= $.ajax({
   url: url1,
   data: data1
  });
var ajax2= $.ajax({
   url: url2',
   data: data
  });
var ajax3= $.ajax({
   url: url3,
   data: data
  });
$.when(ajax1,ajax2,ajax3)
  .done(function(data, textStatus, jqXHR){
     //TODO
   })
  .fail(function(data, textStatus, jqXHR){
     //TODO
   });

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jquery中Ajax用法總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery常見(jiàn)經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。