JQuery實現Ajax應用

   將本身以前在印象筆記的筆記搬家了~

 1.使用 load（）方法異步請求數據，經過Ajax 請求加載服務器中的數據，並把返回的數據放置到指定的元素中，它的調用格式爲：

• load（url，[data]，[callback]）

參數url爲加載服務器地址，可選項data參數爲請求時發送的數據，callback參數爲數據請求成功後，執行的回調函數。

 

 

      2.使用getJSON（）方法異步加載JSON格式數據，經過Ajax異步請求的方式，獲取服務器中的數組，並對獲取的數據進行解析，顯示在頁面中，調用格式爲：

• jQuery.getJSON（url，[data]，[callback]）或   $.getJSON（url，[data]，[callback]）

其中，url 參數爲加請求加載json格式文件的服務器地址，可選項data參數爲請求時發送的數據，callback參數爲數據請求成功後，執行的回調函數。

 

 

     3.使用getScript ( )方法異步加載並執行js文件，請求並執行服務器中的 JavaScript格式的文件，調用格式爲：

• jQuery.getScript（url，[callback]） 或  $（.getScript（url，[callback]）

參數url爲服務器請求地址，可選項callback參數爲請求成功後的回調函數。

 

 

     4.使用get（）方法，採用GET方式從服務器獲取數據，並經過方法中回調函數的參數返回請求的數據，它的調用格式如：

• $.get（url，[callback]）

參數url爲服務器請求地址，可選項callback參數爲請求成功後執行的回調函數。

 

 

    5.使用post（）方法，採用POST方式向服務器發送數據，服務器接收到數據以後，進行處理，並將結果返回頁面，調用格式爲：

• $.post（url，[data]，[callback]）

參數url爲服務器請求地址，可選項data爲向服務器請求時發送的數據，可選項callback參數爲請求成功後執行的回調函數。

 

 

     6.使用 serialize（）方法，將表單中有name屬性的元素值進行序列化，生成標準URL編碼文本字符串，直接可用於ajax請求，它的調用格式以下：

• $（selector）.serialize（）

其中selector參數是一個或多個表單中的元素或表單元素自己。

 

 

      7.使用ajax（）方法（ajax（）方法是最底層、功能最強大的請求服務器數據的方法，它不只能夠獲取服務器返回的數據，還能向服務器發送請求並傳遞數值，它的調用格式爲：

• jQuery.ajax（[settings]）  或   $.ajax（[settings]）

其中，參數settings爲發送ajax請求時的配置對象，在該對象中，url表示服務器請求的路徑，data爲請求時傳送的數據，dataType爲服務器返回的數據類型，success爲請求成功的執行的回調函數，type爲發送數據請求的方式，默認爲get。

•        eg： $.ajax (｛
•                  url : "Data/article.txt",
•                  dataType : "text",
•                  success : function (data) ｛
•                         $ this.attr ("disable", "ture") ;
•                         $ ("ul").append(data) ;
•                 ｝
• ｝

     8.使用ajaxSetup（）方法，能夠設置Ajax請求的一些全局性選項值，設置完成後，後面的Ajax請求將再也不添加這些選項值，調用格式爲：

• jQuery.ajaxSetup（[options]）  或   $.ajaxSetup（[options]）

可選項options參數爲一個對象，經過該對象設置Ajax請求時的全局選項值。

 

 

   9.使用ajaxStart（）和 ajaxStop（）方法綁定Ajax事件。 ajaxStart（）方法用於在Ajax請求發出前觸發函數，ajaxStop（）方法用於在Ajax請求完成後觸發函數，調用格式爲：

• $（selector）.ajaxStart（function（））  和   $（selector）.ajaxStop（function（））

其中，兩個方法中括號中都是綁定的函數，當發送Ajax請求前執行 ajaxStart（）方法綁定的函數，請求成功後，執行ajaxStop（）方法綁定的函數。 該方法在1.8.2下使用是正常的