jQuery中ajax的4種常用請(qǐng)求方式介紹
AJAX 是一種與服務(wù)器交換數(shù)據(jù)的技術(shù)，可以在補(bǔ)充在整個(gè)頁(yè)面的情況下更新網(wǎng)頁(yè)的一部分。
jQuery中ajax的4種常用請(qǐng)求方式：
1.$.ajax()返回其創(chuàng)建的 XMLHttpRequest 對(duì)象。
$.ajax() 只有一個(gè)參數(shù)：參數(shù) key/value 對(duì)象，包含各配置及回調(diào)函數(shù)信息。詳細(xì)參數(shù)選項(xiàng)見(jiàn)下。
如果你指定了 dataType 選項(xiàng)，請(qǐng)確保服務(wù)器返回正確的 MIME 信息，(如 xml 返回 "text/xml")。
實(shí)例：
保存數(shù)據(jù)到服務(wù)器，成功時(shí)顯示信息。
$.ajax({
type: "post",
dataType: "html",
url: '/Resources/GetList.ashx',
data: dataurl,
success: function (data) {
if (data != "") {
$("#pager").pager({ pagenumber: pagenumber, pagecount: data.split("$$")[1], buttonClickCallback: PageClick });
$("#anhtml").html(data.split("$$")[0]);
}
}
});
2.通過(guò)遠(yuǎn)程 HTTP GET 請(qǐng)求載入信息。
這是一個(gè)簡(jiǎn)單的 GET 請(qǐng)求功能以取代復(fù)雜 $.ajax 。請(qǐng)求成功時(shí)可調(diào)用回調(diào)函數(shù)。如果需要在出錯(cuò)時(shí)執(zhí)行函數(shù)，請(qǐng)使用 $.ajax。
實(shí)例：
$.get("test.cgi", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});
3. 通過(guò)遠(yuǎn)程 HTTP POST 請(qǐng)求載入信息。
這是一個(gè)簡(jiǎn)單的 POST 請(qǐng)求功能以取代復(fù)雜 $.ajax 。請(qǐng)求成功時(shí)可調(diào)用回調(diào)函數(shù)。如果需要在出錯(cuò)時(shí)執(zhí)行函數(shù)，請(qǐng)使用 $.ajax。
實(shí)例：
$.post("/Resources/addfriend.ashx", { "fid": fids, "fname": fnames, "tuid": tuids, "tuname": tunames }, function (data) {
if (data == "ok") {
alert("添加成功！");
}
})
4.通過(guò) HTTP GET 請(qǐng)求載入 JSON 數(shù)據(jù)。
實(shí)例：
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
function(data){
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.media.m).appendTo("#images");
if ( i == 3 ) return false;
});
});
以上所述是小編給大家介紹的jQuery中ajax的4種常用請(qǐng)求方式介紹，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了前后端ajax和json數(shù)據(jù)交換方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06
AJAX 是一種在無(wú)需重新加載整個(gè)網(wǎng)頁(yè)的情況下，能夠更新部分網(wǎng)頁(yè)的技術(shù)。下面通過(guò)本文給大家介紹AJAX和JSP混合使用方法實(shí)例，感興趣的朋友一起學(xué)習(xí)吧2016-02-02
通過(guò)history解決ajax不支持前進(jìn)/后退/刷新的問(wèn)題
下面小編就為大家?guī)?lái)一篇通過(guò)history解決ajax不支持前進(jìn)/后退/刷新的問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
AJAX和三層架構(gòu)實(shí)現(xiàn)分頁(yè)功能具體思路及代碼
本文涉及到AJAX和三層架構(gòu)方面的知識(shí)，在學(xué)習(xí)分頁(yè)的同時(shí)也鞏固了一下它們的相關(guān)知識(shí)，適合初學(xué)者的你2013-05-05
仿google搜索提示 SuggestFramework的使用
使用幫助（英文版翻譯而來(lái)，可能有錯(cuò)誤，請(qǐng)大家仔細(xì)核對(duì)，也希望對(duì)新手理解能有所幫助）2008-09-09
Ajax郵箱、用戶(hù)名唯一性驗(yàn)證實(shí)例代碼
這篇文章主要介紹了Ajax郵箱、用戶(hù)名唯一性驗(yàn)證實(shí)例代碼,需要的朋友可以參考下2017-10-10
AJAX跨域請(qǐng)求之JSONP獲取JSON數(shù)據(jù)
JSONP(JSON with Padding)是一個(gè)非官方的協(xié)議，它允許在服務(wù)器端集成Script tags返回至客戶(hù)端，通過(guò)javascript callback的形式實(shí)現(xiàn)跨域訪問(wèn)（這僅僅是JSONP簡(jiǎn)單的實(shí)現(xiàn)形式）。2015-09-09
使用ajax接收后臺(tái)發(fā)送過(guò)來(lái)的json數(shù)據(jù)方法
今天小編就為大家分享一篇使用ajax接收后臺(tái)發(fā)送過(guò)來(lái)的json數(shù)據(jù)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
ajax不是一種語(yǔ)言,而是多種技術(shù)組合在一起使用,ajax只是這幾種技術(shù)組合的代名詞2010-10-10
jquery ajax同步的意思是當(dāng)JS代碼加載到當(dāng)前ajax的時(shí)候會(huì)把頁(yè)面里所有的代碼停止加載，頁(yè)面出現(xiàn)了假死狀態(tài)，當(dāng)這個(gè)ajax執(zhí)行完畢后才會(huì)繼續(xù)運(yùn)行其他的代碼假死狀態(tài)解除。而異步的意思是這個(gè)ajax代碼運(yùn)行中的時(shí)候其他代碼一樣可以運(yùn)行。本文給大家詳解，感興趣的朋友參考下2015-09-09