jQuery之異步Ajax請求使用

jQuery之異步Ajax請求使用

$.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 : o,            data: "name=John&location=Boston",  o&name=jack&age=25

        dataType: "JSON", 

        async: false, 

        url: "coupon_channel.php?act=update",

        success: function(data) {

                        if (data.status == 'ok') {

                                

                                     window.location.href = data.link;

                            } else {

                                    

                                     alert(data.text);

                            }

        }

    });