$.ajax()知識

標籤：擷取   .post   script   .json   選項   來講   java   取數   success   

一.$.ajax():

1.url:
　　要求為String類型的參數，發送請求的地址。

2.type:
　　要求為String類型的參數，請求方式（post或get）,預設為get。

3.timeout:
　　要求為Number類型的參數，佈建要求逾時時間（毫秒）。

4.async:
　　要求為Boolean類型的參數，預設設定為true，所有請求均為非同步請求。如果需要發送同步請求，請將此選項設定為false。注意，同步請求將鎖住瀏覽器，使用者其他動作必須等待請求完成才可以執行。

5.cache:
　　要求為Boolean類型的參數，預設為true（當dataType為script時，預設為false），設定為false將不會從瀏覽器緩衝中載入請求資訊。

6.data:
　　要求為Object或String類型的參數，發送到伺服器的資料。如果已經不是字串，將自動轉換為字串格式。get請求中將附加在url後。防止這種自動轉換，例如{foo1:"bar1",foo2:"bar2"}轉換為&foo1=bar1&foo2=bar2。如果是數組，JQuery將自動為不同值對應同一個名稱。例如{foo:["bar1","bar2"]}轉換為&foo=bar1&foo=bar2。

7.dataType:
　　要求為String類型的參數，預期伺服器返回的資料類型。如果不指定，JQuery將自動根據http包mime資訊返回responseXML或responseText，並作為回呼函數參數傳遞。可用的類型如下：
　　xml：返回XML文檔，可用JQuery處理。
　　html：返回純文字HTML資訊；包含的script標籤會在插入DOM時執行。
　　script：返回純文字JavaScript代碼。不會自動緩衝結果。除非設定了cache參數。
　　json：返回JSON資料。
　　jsonp：JSONP格式。使用JSONP形式調用函數時，例如myurl?callback=?，JQuery將自動替換後一個“?”為正確的函數名，以執行回呼函數。
　　text：返回純文字字串。

8.beforeSend：
　　發送請求前執行的函數
9.complete：
　　請求完成後調用的回呼函數（請求成功或失敗時均調用）。參數：XMLHttpRequest對象和一個描述成功請求類型的字串。

10.success：

　　請求成功後調用的回呼函數，有兩個參數。
         (1)由伺服器返回，並根據dataType參數進行處理後的資料。
         (2)描述狀態的字串。

11.error:
　　請求失敗時被調用的函數。該函數有3個參數，即XMLHttpRequest對象、錯誤資訊、捕獲的錯誤對象(可選)。ajax事件函數如下：
       function(XMLHttpRequest, textStatus, errorThrown){
       }

12.contentType：
　　要求為String類型的參數，當發送資訊至伺服器時，內容編碼類別型預設為"application/x-www-form-urlencoded"。該預設值適合大多數應用場合。

13.dataFilter：
　　給Ajax返回的未經處理資料進行預先處理的函數。提供data和type兩個參數。data是Ajax返回的未經處理資料，type是調用jQuery.ajax時提供的dataType參數。函數返回的值將由jQuery進一步處理。

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

15.username：
　　要求為String類型的參數，用於響應HTTP訪問認證請求的使用者名稱。

16.password：
　　要求為String類型的參數，用於響應HTTP訪問認證請求的密碼。

17.processData：
　　要求為Boolean類型的參數，預設為true。預設情況下，發送的資料將被轉換為對象（從技術角度來講並非字串）以配合預設內容類型"application/x-www-form-urlencoded"。如果要發送DOM樹資訊或者其他不希望轉換的資訊，請設定為false。

 

案例代碼：

$(function(){    $(‘#send‘).click(function(){         $.ajax({             type: "GET",             url: "test.json",             data: {username:$("#username").val(), content:$("#content").val()},             dataType: "json",
　　　　　　　 timeout:10000,             success: function(data){                         $(‘#resText‘).empty();   //清空resText裡面的所有內容                         var html = ‘‘;                          $.each(data, function(commentIndex, comment){                               html += ‘<div class="comment"><h6>‘ + comment[‘username‘]                                         + ‘:</h6><p class="para"‘ + comment[‘content‘]                                         + ‘</p></div>‘;                         });                         $(‘#resText‘).html(html);                      }         });    });});

 二.$.get():

　　$.get(url,[data],[callback])

　　說明：url為請求地址，data為請求資料的列表，callback為請求成功後的回呼函數，該函數接受兩個參數，第一個為伺服器返回的資料，第二個參數為伺服器的狀態，是選擇性參數。

而其中，伺服器返回資料的格式其實是字串形式，並不是我們想要的json資料格式;

$.get(‘login.php‘,
　　　　{   　　　　id: ‘Robin‘,   　　　　password: ‘123456‘,  　　　　 gate: ‘index‘ 　　   }, 
　　　　function(data, status){//data為返回對象，status為請求的狀態
 　　　　　　var content=eval(‘(‘+data+‘)‘);  　　　　　　 alert(data);
　　　　　　　 alert(status);            //結果為success, error等等，但這裡是成功時才能啟動並執行函數  });

三.$.post():

　　$.post(url,[data],[callback],[type])

　　說明：這個函數跟$.get()參數差不多，多了一個type參數，type為請求的資料類型，可以是html,xml,json等類型，如果我們設定這個參數為：json，那麼返回的格式則是json格式的，如果沒有設定，就 和$.get()返回的格式一樣，都是字串

　　

$.post("data.php",{a:"111",b:"222"},function(data){        $("#postResponse").html(data.name);    },"json"//設定了擷取資料的類型，所以得到的資料格式為json類型);    

 

　　

$.ajax()知識