jQuery之非同步Ajax請求使用

標籤：jquery   val   key   參數   調用   替代   部分   .ajax   param   

$.ajax({type:‘‘,data:‘‘,async:‘‘...}) 

參數：

1.cache: true快取頁面面 false 不快取頁面面

(預設: true,dataType為script和jsonp時預設為false)

 

1.type:  GET /POST

請求方式 ("POST" 或 "GET")， 預設為 "GET"。注意：其它 HTTP 要求方法，如 PUT 和 DELETE 也可以使用，但僅部分瀏覽器支援。

 

2.async: true/false

         預設為true     非同步請求

         false                   同步請求 注意，同步請求將鎖住瀏覽器，使用者其它操作必須等待請求完成才可以執行。

 

3.data 發送到伺服器的資料。將自動轉換為請求字串格式

         要求為Object或String類型的參數     對象必須為key/value格式，例如{foo1:"bar1",foo2:"bar2"}轉換為&foo1=bar1&foo2=bar2。

         single=Single&multiple=Multiple&multiple=Multiple3&check=check2&radio=radio1

 

4.dataType: "JSON",

         預期伺服器返回的資料類型

@1. "json": 返回 JSON 資料

@2."jsonp": JSONP 格式。使用 JSONP 形式調用函數時，如 "myurl?callback=?" jQuery 將自動替換 ? 為正確的函數名，以執行回呼函數。

 

5. jsonp

在一個jsonp請求中重寫回呼函數的名字。這個值用來替代在"callback=?"這種GET或POST請求中URL參數裡的"callback"部分，比如{jsonp:‘onJsonPLoad‘}會導致將"onJsonPLoad=?"傳給伺服器。

 

6. jsonpCallback

預設為jQuery自動產生的隨機函數名

為jsonp請求指定一個回呼函數名。這個值將用來取代jQuery自動產生的隨機函數名。這主要用來讓jQuery產生獨特的函數名，這樣管理請求更容易，也能方便地提供回呼函數和錯誤處理。你也可以在想讓瀏覽器緩衝GET請求的時候，指定這個回呼函數名。

 

7.success:( data, textStatus, jqXHR)

請求成功後的回呼函數。參數：由伺服器返回，並根據dataType參數進行處理後的資料；描述狀態的字串。還有 jqXHR（在jQuery 1.4.x的中，XMLHttpRequest） 對象 。在jQuery 1.5， 成功設定可以接受一個函數數組。每個函數將被依次調用。

 

8.$("form").serialize() 

　　序列 所有表單內容為字串   把所有表單的值序列為以下字串

         single=Single&multiple=Multiple&multiple=Multiple3&check=check2&radio=radio1 

o = $(‘form‘).serialize();

$.ajax({ 　　type: "POST", 　　data : param,            　　dataType: "JSON", 　　async: false, 　　url: "coupon_channel.php?act=update",　　success: function(data) {　　　　alert(data);          　　}});

 

jQuery之非同步Ajax請求使用