jQuery 中ajax異步調(diào)用的四種方式
更新時(shí)間:2016年06月28日 09:38:57 作者:賀臣
這篇文章主要介紹了jQuery 中ajax異步調(diào)用的四種方式,實(shí)例講解,需要的朋友可以參考下。
<script type="text/javascript" language="javascript" src="JS/jquery-1[1].2.3.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){ //Jquery 頁面加載事件,當(dāng)頁面加載之后首先執(zhí)行這個(gè)方法
//第一種Ajax請(qǐng)求
$.ajax({
type:"GET", //請(qǐng)求類型,有g(shù)et,post等類型,和表單提交是一樣的
url:"Result.aspx", //請(qǐng)求處理的頁面,就是說由那個(gè)頁面捕獲請(qǐng)求,同樣這個(gè)路徑可以換成ashx,一般處理程序
data: "name=John&location=Boston", //傳遞參數(shù),實(shí)在就是(Result.aspx?name=John&loaciton=Boston)
success:function(msg){ //請(qǐng)求成功會(huì)由這個(gè)方法處理,其中請(qǐng)求成功返回值由msg接收
$("#ajaxDIV").text(msg);
}
});
//第二種請(qǐng)求
$.get( //用get請(qǐng)求方式,其實(shí)就是上一種的變體
"Handler.ashx",
{name:"笨笨熊",sex:"女"}, //要傳遞的參數(shù),解析為(Handler.ashx?name=笨笨熊&sex=女)
function(msg){ //請(qǐng)求返回參數(shù)
$("#Div1").text(msg);
}
);
//第三種請(qǐng)求
$.post( //這種請(qǐng)求的上一種是一樣的,只是請(qǐng)求方式不同
"Handler2.ashx",
{name:"benben 笨笨熊",sex:"女"},
function(msg){
$("#Div2").text(msg);
}
);
//第四種請(qǐng)求
$.getJSON( //這種是用JSON 實(shí)現(xiàn)的,JSON是一種通用的數(shù)據(jù)格式
"Handler3.ashx", //路徑
{name:"aaa"}, //傳遞參數(shù)
function (data){ //回調(diào)處理函數(shù) 返回的就是json數(shù)據(jù)格式,由data接收這串?dāng)?shù)據(jù)
var str=""; //下面就是解析這些數(shù)據(jù),具體接送的使用但不做考慮,設(shè)計(jì)內(nèi)容很多,一時(shí)無法講解
str+="姓名: "+data.name+"<br/>";
str+="性別: "+data.sex+"<br/>";
str+="地址: "+data.address+"<br/>";
$("#Div3").html(str);
}
);
});
</script>
以上就是本文的全部?jī)?nèi)容,了解更多jQuery的語法,大家可以查看:《jQuery 1.10.3 在線手冊(cè)》,也希望大家多多支持腳本之家。
相關(guān)文章
Jquery時(shí)間驗(yàn)證和轉(zhuǎn)換工具小例子
這篇文章介紹了Jquery時(shí)間驗(yàn)證和轉(zhuǎn)換工具小例子,有需要的朋友可以參考一下2013-07-07
jquery load()在firefox(火狐)下顯示不正常的解決方法
覺得應(yīng)該是由于 直接將www.baidu.com的內(nèi)容放到div中,對(duì)于較嚴(yán)格的FireFox可能不會(huì)處理用cssviewter查看處理后的頁面源碼果然發(fā)現(xiàn)div中為空2011-04-04
jQuery實(shí)現(xiàn)下拉框左右選擇的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)jQuery實(shí)現(xiàn)下拉框左右選擇的簡(jiǎn)單實(shí)例進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-02-02
jQuery實(shí)現(xiàn)的手機(jī)發(fā)送驗(yàn)證碼倒計(jì)時(shí)效果代碼分享
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)手機(jī)注冊(cè)發(fā)送驗(yàn)證碼倒計(jì)時(shí)功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-08-08
基于jquery插件實(shí)現(xiàn)拖拽刪除圖片功能
這篇文章主要介紹了基于jquery插件實(shí)現(xiàn)拖拽刪除圖片功能的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-05-05

