概述

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);
    }
});

總結(jié)

到此這篇關(guān)于jQuery發(fā)送Ajax請(qǐng)求的幾種方法的文章就介紹到這了,更多相關(guān)jQuery發(fā)送Ajax請(qǐng)求內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論