jQuery 中ajax異步調(diào)用的四種方式
<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 頁(yè)面加載事件,當(dāng)頁(yè)面加載之后首先執(zhí)行這個(gè)方法 //第一種Ajax請(qǐng)求 $.ajax({ type:"GET", //請(qǐng)求類型,有g(shù)et,post等類型,和表單提交是一樣的 url:"Result.aspx", //請(qǐng)求處理的頁(yè)面,就是說(shuō)由那個(gè)頁(yè)面捕獲請(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í)無(wú)法講解 str+="姓名: "+data.name+"<br/>"; str+="性別: "+data.sex+"<br/>"; str+="地址: "+data.address+"<br/>"; $("#Div3").html(str); } ); }); </script>
以上就是本文的全部?jī)?nèi)容,了解更多jQuery的語(yǔ)法,大家可以查看:《jQuery 1.10.3 在線手冊(cè)》,也希望大家多多支持腳本之家。
相關(guān)文章
jquery正則表達(dá)式驗(yàn)證(手機(jī)號(hào)、身份證號(hào)、中文名稱)
這篇文章主要介紹了jquery正則表達(dá)式驗(yàn)證,實(shí)現(xiàn)手機(jī)號(hào)、身份證號(hào)、中文名稱驗(yàn)證,感興趣的小伙伴們可以參考一下2015-12-12jquery追加元素的所有方法全面深入實(shí)例講解(append、prepend、after、before、wrap等等)
幾乎所有網(wǎng)站的開(kāi)發(fā)都離不開(kāi)jQuery,jQuery可以很方便的實(shí)現(xiàn)網(wǎng)頁(yè)中的一些效果,也很輕松的對(duì)網(wǎng)頁(yè)中的一些DIV元素進(jìn)行添加,修改或刪除的操作。由于不同位置追加元素的代碼不一樣,本文實(shí)例講解如何對(duì)網(wǎng)頁(yè)中某個(gè)指定的DIV進(jìn)行元素的追加操作。2023-03-03jQuery+AJAX實(shí)現(xiàn)網(wǎng)頁(yè)無(wú)刷新上傳
這篇文章主要介紹了jQuery+AJAX實(shí)現(xiàn)網(wǎng)頁(yè)無(wú)刷新上傳的相關(guān)資料,十分詳細(xì),需要的朋友可以參考下2015-02-02JQuery 遮罩層實(shí)現(xiàn)(mask)實(shí)現(xiàn)代碼
用過(guò)ExtJs的可能知道在ExtJs中集成了很多的UI元素可以很方便我們的使用。2010-01-01jQuery實(shí)現(xiàn)的給圖片點(diǎn)贊+1動(dòng)畫(huà)效果(附在線演示及demo源碼下載)
這篇文章主要介紹了jQuery實(shí)現(xiàn)的給圖片點(diǎn)贊+1動(dòng)畫(huà)效果,并附帶在線演示及demo源碼下載,涉及jQuery鼠標(biāo)事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2015-12-12jQuery移除tr無(wú)效的解決方法(tr是動(dòng)態(tài)添加)
移除掉某些tr(tr是動(dòng)態(tài)添加的)嘗試了很多方法,都不見(jiàn)效,后來(lái)發(fā)現(xiàn)個(gè)不錯(cuò)的方法,于是與大家分享下2014-09-09jquery實(shí)現(xiàn)的提示浮層跟隨鼠標(biāo)移動(dòng)
提示浮層跟隨鼠標(biāo)移動(dòng)(jquery版)2010-02-02jquery插件jquery.nicescroll實(shí)現(xiàn)圖片無(wú)滾動(dòng)條左右拖拽的方法
這篇文章主要介紹了jquery插件jquery.nicescroll實(shí)現(xiàn)圖片無(wú)滾動(dòng)條左右拖拽的方法,實(shí)例分析了jquery.nicescroll插件實(shí)現(xiàn)圖片拖拽效果的方法,需要的朋友可以參考下2015-08-08jQuery實(shí)現(xiàn)可用于博客的動(dòng)態(tài)滑動(dòng)菜單
這篇文章主要介紹了jQuery實(shí)現(xiàn)可用于博客的動(dòng)態(tài)滑動(dòng)菜單,實(shí)例分析了jQuery操作鼠標(biāo)事件及css樣式實(shí)現(xiàn)動(dòng)態(tài)滑動(dòng)菜單的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03