回到目錄

前言

今天主要講一下JQ中的異步編程，它將ajax進(jìn)行封裝，在進(jìn)行異步請求時(shí)顯得非常容易，無論是GET，POST方式，還是text,xml,javascript,json等數(shù)據(jù)通訊都是那么的自然

現(xiàn)在，我們就走入jq的ajax的殿堂吧。

GET請求獲取數(shù)據(jù) <script src="http://img1.c2cedu.com/Scripts/jquery/jquery-1.4.2.min.js" type="text/javascript"></script><script type="text/javascript">?$.ajax({
??????????? type: "GET",
??????????? dataType: "html",
??????????? url: "ajaxData.htm",
??????????? data: {}, //參數(shù)信息，采用ＪＳ對象的形式，也可以使用URL地址比較傳統(tǒng)的&將參數(shù)分隔
??????????? error: function () {
??????????????? alert("獲取數(shù)據(jù)失敗");
??????????? },
??????????? beforeSend: function () {
??????????????? alert("發(fā)送請求之前出現(xiàn)錯(cuò)誤");
??????????? },
??????????? success: function (data) {
??????????????? $("#list").html(data)
??????????? }
??????? });</script> ajaxData.htm的內(nèi)容為： <ul><li>data:zzl</li><li>infomation:better man</li> </ul> POST請求操作數(shù)據(jù) $.ajax({type:'POST',
data:{name:'zzl',email:'bfyxzls@sina.com',addr:'beijing'},url: '/ajax/insert.ashx',success: function(data) {if(data.res)｛alert('操作成功‘); ｝} });

注意：AJAX可以跨域發(fā)GET請求，來讀取數(shù)據(jù)，但不可以發(fā)POST請求，這是正常的，要不就太危險(xiǎn)了，呵呵。

$.ajax({type:'GET',dataType:'jsonp',jsonp: "jsonpcallback", //需要與服務(wù)端的jsonp字符匹配
url: 'http://www.sina.com/ajax/test.',success: function(data) {$('#result').html(data);} });

對于JQ為AJAX的封裝，還有幾個(gè)簡潔的寫法，等下次再寫，寫個(gè)續(xù)集！

感謝閱讀！

回到目錄

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的JQuery真的不难～第六回 JQ中的异步调用方式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。