概述

JQuery發(fā)送ajax請(qǐng)求的方法有很多，其中最基本的方法是$.ajax，在其中封裝的方法有 $.get, $post等。我們分別舉了不同的示例。

數(shù)據(jù)格式

首先，瀏覽器與服務(wù)器之間傳輸數(shù)據(jù)所采用的格式，比較常見的有json，jsonp，html，text，xml，等，目前由于json占用更小存儲(chǔ)，并且是JavaScript原生格式，因此大家大部分的選擇。

一：可選字段

1，url：鏈接地址，字符串表示

2，data：需發(fā)送到服務(wù)器的數(shù)據(jù)，GET與POST都可以，將自動(dòng)轉(zhuǎn)換為請(qǐng)求字符串格式，以 Key/value 的鍵值對(duì)形式表示，格式為{A: '...', B: '...'}

3，type："POST" 或 "GET"，請(qǐng)求類型

4，timeout：請(qǐng)求超時(shí)時(shí)間，單位為毫秒，數(shù)值表示

5，cache：是否緩存請(qǐng)求結(jié)果，bool表示

6，contentType：內(nèi)容類型，默認(rèn)為"application/x-www-form-urlencoded"

7，dataType：服務(wù)器響應(yīng)的數(shù)據(jù)類型，字符串表示；當(dāng)填寫為json時(shí)，回調(diào)函數(shù)中無(wú)需再對(duì)數(shù)據(jù)反序列化為json

8，success：請(qǐng)求成功后，服務(wù)器回調(diào)的函數(shù)

9，error：請(qǐng)求失敗后，服務(wù)器回調(diào)的函數(shù)

10，complete：請(qǐng)求完成后調(diào)用的函數(shù)，無(wú)論請(qǐng)求是成功還是失敗，都會(huì)調(diào)用該函數(shù)；如果設(shè)置了success與error函數(shù)，則該函數(shù)在它們之后被調(diào)用

11，async：是否異步處理，bool表示，默認(rèn)為true；設(shè)置該值為false后，JS不會(huì)向下執(zhí)行，而是原地等待服務(wù)器返回?cái)?shù)據(jù)，并完成相應(yīng)的回調(diào)函數(shù)后，再向下執(zhí)行

12，username：訪問(wèn)認(rèn)證請(qǐng)求中攜帶的用戶名，字符串表示

舉例：

該方法用于執(zhí)行Ajax請(qǐng)求，常用于其他jQuery Ajax方法不能完成的請(qǐng)求，也許我們可以把它稱為"jQuery中Ajax系列方法之母"。

//ajax
$.ajax({url: "/greet",data: {name: 'name'},type: "Get",dataType: "json",success: function(data) {// data = jQuery.parseJSON(data);  //dataType指明了返回?cái)?shù)據(jù)為json類型，故不需要再序列化}
});

//提交from數(shù)據(jù)
$.ajax({type : "POST",url : 'http://www.baidu.com',data : $("form").serialize(),    //不帶文件的form表單success : function(data){console.log(data);}
});

//$.get方法
var params = {"username":"ceshiname","password":"123456"};
$.get("/demo",params,function(obj){console.log(obj);
},"json");$.ajax({type : "GET",url : 'http://www.baidu.com',success : function(html){console.log(html);}
});

//$.post方法
var params={"username":"ceshiname","password":"123456"};
$.post("/demo",params,function(obj){console.log(obj);
},"json");$.ajax({type : "POST",url : 'http://www.baidu.com',data : {query : "javascript"},contentType : "application/x-www-form-urlencoded",success : function(data){console.log(data);}
});