新聞中心
4種常用的ajax請(qǐng)求方式
在jQuery中,AJAX常見(jiàn)的請(qǐng)求方式主要有一下4種:

創(chuàng)新互聯(lián)為您提適合企業(yè)的網(wǎng)站設(shè)計(jì)?讓您的網(wǎng)站在搜索引擎具有高度排名,讓您的網(wǎng)站具備超強(qiáng)的網(wǎng)絡(luò)競(jìng)爭(zhēng)力!結(jié)合企業(yè)自身,進(jìn)行網(wǎng)站設(shè)計(jì)及把握,最后結(jié)合企業(yè)文化和具體宗旨等,才能創(chuàng)作出一份性化解決方案。從網(wǎng)站策劃到成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè), 我們的網(wǎng)頁(yè)設(shè)計(jì)師為您提供的解決方案。
1、$.ajax()返回其創(chuàng)建的 XMLHttpRequest 對(duì)象
$.ajax() 只有一個(gè)參數(shù):參數(shù)key/value對(duì)象,包含各配置及回調(diào)函數(shù)信息。
如果你指定了dataType選項(xià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)求載入信息
相比于復(fù)雜的$.ajax而言,GET請(qǐng)求功能則顯得更加簡(jiǎn)單,請(qǐng)求成功時(shí)可調(diào)用回調(diào)函數(shù)。當(dāng)然如果需要在出錯(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)求載入信息
POST請(qǐng)求功能也相對(duì)比較簡(jiǎn)單,請(qǐng)求成功時(shí)可調(diào)用回調(diào)函數(shù)。如果需要在出錯(cuò)時(shí)執(zhí)行函數(shù),那么請(qǐng)使用$.ajax請(qǐng)求。
實(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){
$("
").attr("src", item.media.m).appendTo("#images");
if ( i == 3 ) return false;
});
});上所述是cdcxhl.com為大家?guī)?lái)的4種常用的Ajax請(qǐng)求方式介紹,希望對(duì)大家有所幫助。
相關(guān)教程:
AJAX入門(mén)教程
jQuery教程
標(biāo)題名稱:創(chuàng)新互聯(lián)AJAX教程:4種常用的Ajax請(qǐng)求方式
文章地址:http://m.5511xx.com/article/ccsgggs.html


咨詢
建站咨詢
