jQuery基礎（Ajax，load()，getJSON()，getScript()，post()，ajax()，同步/非同步請求資料）

標籤：com   data   事件   .post   func   方法   cal   serial   images   

1.使用load()方法非同步請求資料

 使用load()方法通過Ajax請求載入伺服器中的資料，並把返回的資料放置到指定的元素中，它的調用格式為：  load(url,[data],[callback]) 參數url為載入伺服器位址，可選項data參數為請求時發送的資料，callback參數為資料請求成功後，執行的回呼函數。 

 

 

   2.使用getJSON()方法非同步載入JSON格式資料 使用getJSON()方法可以通過Ajax非同步請求的方式，擷取伺服器中的資料，並對擷取的資料進行解析，顯示在頁面中，它的調用格式為：  jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback]) 其中，url參數為請求載入json格式檔案的伺服器位址，可選項data參數為請求時發送的資料，callback參數為資料請求成功後，執行的回呼函數。 

 

 

  個人寫的

 

 

 2.使用getScript()方法非同步載入並執行js檔案 使用getScript()方法非同步請求並執行伺服器中的JavaScript格式的檔案，它的調用格式如下所示：  jQuery.getScript(url,[callback])或$.getScript(url,[callback]) 參數url為伺服器請求地址，可選項callback參數為請求成功後執行的回呼函數。 

 

 

   3.使用get()方法以GET方式從伺服器擷取資料 使用get()方法時，採用GET方式向伺服器請求資料，並通過方法中回呼函數的參數返回請求的資料，它的調用格式如下：  $.get(url,[callback]) 參數url為伺服器請求地址，可選項callback參數為請求成功後執行的回呼函數。 

 

 

 4.使用post()方法以POST方式從伺服器發送資料 與get()方法相比，post()方法多用於以POST方式向伺服器發送資料，伺服器接收到資料之後，進行處理，並將處理結果返回頁面，調用格式如下：   $.post(url,[data],[callback]) 參數url為伺服器請求地址，可選項data為向伺服器請求時發送的資料，可選項callback參數為請求成功後執行的回呼函數。 

 

 

 5.使用serialize()方法序列化表單元素值  使用serialize()方法可以將表單中有name屬性的元素值進行序列化，產生標準URL編碼文本字串，直接可用於ajax請求，它的調用格式如下：  $(selector).serialize() 其中selector參數是一個或多個表單中的元素或表單元素本身。 

 

 

   6.使用ajax()方法載入伺服器資料 使用ajax()方法是最底層、功能最強大的請求伺服器資料的方法，它不僅可以擷取伺服器返回的資料，還能向伺服器發送請求並傳遞數值，它的調用格式如下：  jQuery.ajax([settings])或$.ajax([settings]) 其中參數settings為發送ajax請求時的設定物件，在該對象中，url表示伺服器請求的路徑，data為請求時傳遞的資料，dataType為伺服器返回的資料類型，success為請求成功的執行的回呼函數，type為發送資料請求的方式， 預設為get。 

 

 

 7.使用ajaxSetup()方法設定全域Ajax預設選項 使用ajaxSetup()方法可以設定Ajax請求的一些全域性選項值，設定完成後，後面的Ajax請求將不需要再添加這些選項值，它的調用格式為：   jQuery.ajaxSetup([options])或$.ajaxSetup([options]) 可選項options參數為一個對象，通過該對象設定Ajax請求時的全域選項值。 

 

 

  8.使用ajaxStart()和ajaxStop()方法  ajaxStart()和ajaxStop()方法是綁定Ajax事件。ajaxStart()方法用於在Ajax請求發出前觸發函數，ajaxStop()方法用於在Ajax請求完成後觸發函數。它們的調用格式為：   $(selector).ajaxStart(function())和$(selector).ajaxStop(function()) 其中，兩個方法中括弧都是綁定的函數，當發送Ajax請求前執行ajaxStart()方法綁定的函數，請求成功後，執行ajaxStop ()方法綁定的函數。  

 

 

jQuery基礎（Ajax，load()，getJSON()，getScript()，post()，ajax()，同步/非同步請求資料）