jQuery是一種基于JavaScript的庫(kù),它極大地簡(jiǎn)化了JavaScript的開發(fā)。而Ajax是一個(gè)能夠讓網(wǎng)頁(yè)與服務(wù)器異步交換數(shù)據(jù)的技術(shù),使得網(wǎng)頁(yè)可以在不進(jìn)行頁(yè)面刷新的情況下,向服務(wù)器發(fā)送請(qǐng)求并接收響應(yīng)。jQuery的ajax方法讓我們可以更方便地使用Ajax技術(shù)。
使用jQuery的ajax方法發(fā)送請(qǐng)求,需要傳遞一個(gè)包含各種設(shè)置選項(xiàng)的JavaScript對(duì)象作為參數(shù),這個(gè)對(duì)象可以包括以下屬性:
$.ajax({ url: "test.html", //請(qǐng)求的url地址 type: "GET", //請(qǐng)求方法 data: {param1: "value1", param2: "value2"}, //請(qǐng)求參數(shù) dataType: "html", //返回的數(shù)據(jù)類型 success: function(response){ console.log(response); //請(qǐng)求成功后執(zhí)行的方法 }, error: function(xhr, status, error){ console.log(error); //請(qǐng)求失敗后執(zhí)行的方法 } });
其中最基本的屬性是url和type,url指定請(qǐng)求的目標(biāo)地址,type指定請(qǐng)求的方法:GET或POST。對(duì)于POST方法,我們還需要設(shè)置data屬性,用來指定要發(fā)送的數(shù)據(jù)。dataType屬性用來指定接收到的響應(yīng)數(shù)據(jù)的類型,可選項(xiàng)包括"html"、"json"、"jsonp"等。而success屬性指定請(qǐng)求成功后被調(diào)用的回調(diào)函數(shù),error屬性指定請(qǐng)求失敗后被調(diào)用的回調(diào)函數(shù)。
另外,我們可以使用jQuery的輔助方法$.get()和$.post()來快速發(fā)送GET和POST請(qǐng)求,這兩個(gè)方法分別接受目標(biāo)地址和回調(diào)函數(shù)為參數(shù),代碼如下:
$.get("test.html", function(response){ console.log(response); }); $.post("test.html", {param1: "value1", param2: "value2"}, function(response){ console.log(response); });
除此之外,我們還可以使用$.getJSON()、$.getScript()等更多的輔助方法來簡(jiǎn)化Ajax請(qǐng)求的過程。