jQuery經常使用方法總結【三】

jQuery Ajax 經常使用方法

1. load() ：jQuery load() 方法是簡單但強大的jQuery方法。

語法： $(selector).load(url,data,callback);
-url: 必需填的。 規定但願加載的url。
-data: 選填。 規定與請求一同發送的查詢字符串鍵值對集合。
callback: 選填。 load（）完成後所執行的函數。

例 ：$("#div1").load("test.txt");
若是相同路徑下有一個test.txt文件，那麼這個方法就會將這個文件加載到id爲div1的div中。

除了上面加載整個文件，還能夠這樣用：

$("#div1").load("text.txt #p1");
這個方法能夠將text.txt文件中的id爲p1的元素加載到這個div中。

2. ajaxSend() ：在ajax請求執行前執行函數，這是一個ajax事件。
語法： .ajaxSend([function(event,xhr,options)]);
參數： function(event,xhr,options); (必需的)

- event 包含event對象
  - xhr 包含XMLHttpRequest對象
  - options 包含ajax請求中使用的選項
  
例子： $(document).ajaxSend(function(e,xhr,opt){
        $(this).html("Requesting" + opt.url);
      });
      //這個例子是綁定在document上面的，在這個DOM中，任何一個ajax請求執行前，都會觸發這個事件，這個例子是在ajax事件觸發的時候將ajax訪問的地址寫在頁面上。

3. ajaxComplete() ： ajax請求完成後註冊要調用的處理程序，與ajaxSend相反，語法同樣。

4. ajaxError() ： 當ajax請求完成且出現錯誤時註冊要調用的處理程序。

5. ajaxStart() ：在第一個ajax請求開始時執行。
平時咱們寫js的時候，是能夠幾個ajax請求一塊兒執行的，可是也會有個執行的前後順序。這個事件呢，是在第一個ajax執行前被觸發，與ajaxSend不一樣，當有幾個ajax請求一塊兒進行的時候，ajaxSend就會有幾個請求執行幾回，而ajaxStart總共就只會執行一次，那就是第一個ajax請求開始時。

語法: .ajaxStart(function());

6. ajaxStop() :在最後一個ajax請求結束時執行。

這幾個方法的區別 ：

• ajaxStart(): 在第一個ajax請求開始時觸發，只會執行一次。
• ajaxStop() : 在最後一個ajax請求結束後觸發，只會執行一次。

上述兩個方法的參數function（）是沒有參數的。

• ajaxSend() : 在每一個ajax請求開始時觸發，幾回請求就執行幾回。
• ajaxComplete() : 在每一個ajax請求結束後觸發，幾回請求就執行幾回。

上述兩個方法的參數function都是有參數的：function(event,xhr,options)。

注意：在jQuery1.9中，上列全部ajax事件都必須綁定在document中監聽。$(document).ajaxStart(function(){});