1. 程式人生 > >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);

                            }

        }

    });

利用ajax的非同步請求,來通過引數的傳遞,進行後臺的取狀態判斷。

以上內容有部分轉載於其他網站,內容僅供參考!