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下使用是正常的