jQ中的Ajax方法

1.$.load()方法：引數

url	請求地址
data(可選)	傳送給伺服器的key/value的資料
callback(可選)	請求完後的回撥函式(無論請求失敗與成功)

Note：當有data時，呼叫HTTP的POST方式，沒有data時呼叫GET方法；

回撥函式callback：

function(responseText,textStatus,XMLHttpRequest){
    
    //responseText:請求返回內容
    //textStatus：請求狀態,success,error,notmodified,timeout
    //XMLHttpRequest:XMLHttpRequest物件
}

2.$.get()方法：

url	請求地址
data(可選)	傳送給伺服器的key/value的資料
callback(可選)	請求完後的回撥函式(只有在請求成功後才能呼叫)
type(可選)	服務端返回的內容格式，（xml，json，html，text,script）

回撥函式callback：

function(data,textStatus){
 
    //data:返回內容，可以是XML文件，HTML片段，JSON檔案    
    //textStatus:請求狀態
}
 
 
******HTML片段時：
function(data.textStatus){
   $(" ").html(data);
}
******JSON檔案時：
$(url,key/value,function(data,textStatus){
    var username=data.username;
    var content=data.content;
    var txtHtml=""+username+""+content+"";
    $("").html(txtHtml);
},"json");
 
 
*******XML文件時：
$(url,key/value,function(data,textStatus){
    var username=data.username;
    var content=data.content;
    var txtHtml=""+username+""+content+"";
    $("").html(txtHtml);
});

3. $. p o s t () 方法：與$ .get()方法引數使用一致；

4. $. a j a x () 方法 * * ：只有一個參數 (可選 u r l, t y p r, t i m e o u t, d a t a, d a t a T y p e . . . .) ，不僅能實現$ .load()， $. g e t (),$ .post()方法一樣的功能，還可以設定brforeSend（提交錢的回撥函式），error（請求失敗後的處理函式），success(請求成功後的處理函式),complete(請求完成後的處理函式)；

5.GET與POST的區別：

GET請求會將key/value引數跟在url後面傳遞，POST的key/value直接作為HTTP的實體內容傳遞給伺服器；
GET對傳輸的資料有大小限制(不超過2kb)，POST沒有資料大小限制；
GET請求的資料會被瀏覽器快取，其他人可以對歷史記錄獲取這些資料，存在安全問題；
GET傳遞的資料在伺服器是以 $_GET[]獲取，POST是以$ _POST[]獲取，兩種都可以用$_REQUEST[]獲取；

6.$.getScript()：載入js檔案，在頁面初次加時就獲取全部js檔案是沒有必要的，所以在需要哪一個js檔案時再去載入；

$.getScript("test.js");

7. $. g e t J S O N () ：加載 J s o n 文件，用法與$ .getScript()一樣；

8.$.each()：遍歷陣列和物件，不同於jQuery物件的each()方法，不操作jQuery物件，以一個陣列或者物件作為第一個引數，回撥函式作為第二個引數，回撥函式的第一個引數是物件的成員或者陣列索引，第二個對應變數或者內容；

9.serialize()：序列化為字串方法，

$.get("get.php",$("#form").serialize(),function(data,textStatus)){
 
.........
}

serializeArray()：將序列化後的字串返回JSON資料格式；

$.param()：是serialize()的核心，講一個陣列或者物件按照key/value形式進行序列化；

jQ中的Ajax方法

jQ中的Ajax方法

相關文章