jquery的ajax異步請求接收返回json數(shù)據(jù)實例
jquery的ajax異步請求接收返回json數(shù)據(jù)方法設置簡單，一個是服務器處理程序是返回json數(shù)據(jù)，另一種就是ajax發(fā)送設置的datatype設置為jsonp格式數(shù)據(jù)或json格式都可以。
代碼示例如下：
$('#send').click(function () {
$.ajax({
type : "GET",
url : "a.php",
dataType : "jsonp",
success : function (data) {
$.each(data.items, function (i, item) {
$("<img class='para'/> ").attr("src", item.media.m).appendTo("#resText");
if (i == 3) {
return false;
}
});
}
});
});
$.ajax方法如下：
$.ajax({
type: "POST",
url: ctxRoot+'FolderAction!saveInformSetting.action',
data: 'jsonStr=' + inform_settingListStr,
dataType: "json",
complete: function(data){
//在這里做些事情，假設返回的json數(shù)據(jù)里有name這個屬性
//有時候可以直接data.name或者data['name']去訪問
//但有時候，卻要通過var jsonData = eval("("+data.responseText+")");才可以通過jsonData.name訪問，而且這種情況下，需要是complete而不是success
}
});
$.ajax(options)
這是最根本的JQuery Ajax方法，只有一個參數(shù)options，該options參數(shù)中包含了請求信息和回調函數(shù)的信息。參數(shù)內容都是key:value對形式出現(xiàn)，并且都是可選的。
語法如下：
$.ajax({options});
url：(string)發(fā)送請求的地址，可以是服務器頁面也可以是WebService動作。
type：(string)請求方式，POST或GET
data：(object)向服務器發(fā)送請求時帶去的數(shù)據(jù)。是key:value對形式，如：{name:"grayworm",sex:"male"}，如果是數(shù)組{works:["work1","work2"]}
dataType：(string)預期返回的數(shù)據(jù)類型。xml,html,json,text等
beforeSend：（Function）發(fā)送ajax請求前被觸發(fā)，如果返回false則取消本次請求。如果異步請求需要顯示gif動畫，那應當在這里設置相應<img>的可見。
PS：這里再為大家推薦幾款比較實用的json在線工具供大家參考使用：
在線JSON代碼檢驗、檢驗、美化、格式化工具：
http://tools.jb51.net/code/json
JSON在線格式化工具：
http://tools.jb51.net/code/jsonformat
在線XML/JSON互相轉換工具：
http://tools.jb51.net/code/xmljson
json代碼在線格式化/美化/壓縮/編輯/轉換工具：
http://tools.jb51.net/code/jsoncodeformat
在線json壓縮/轉義工具：
http://tools.jb51.net/code/json_yasuo_trans
C語言風格/HTML/CSS/json代碼格式化美化工具：
http://tools.jb51.net/code/ccode_html_css_json
相關文章
這篇文章主要介紹了JQuery Ajax跨域調用和非跨域調用問題,結合具體實例形式分析了jQuery基于ajax的非跨域請求及跨域請求相關實現(xiàn)技巧與操作注意事項,需要的朋友可以參考下2019-04-04
前些天記錄了java中for循環(huán)取map，發(fā)現(xiàn)用jquery的each一樣可以取map（我稱之為js的map，不要較勁），且順序和map中順序一致。2011-02-02
Jquery跨域獲得Json時invalid label錯誤的解決辦法
這兩天用 Jquery 跨域取數(shù)據(jù)的時候，經常碰到 invalid label 這個錯誤，十分的郁悶，老是取不到服務器端發(fā)送回來的 json 值，一般跨域用到的兩個方法為：$.ajax 和 $.getJson2011-01-01
這篇文章主要介紹了Jquery實現(xiàn)多個表格的全選復選框功能方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
Jquery模仿Baidu、Google搜索時自動補充搜索結果提示
昨天研究了一下Jquery 模仿Baidu、Google收索時自動補充收索結果的提示，感覺效果還行，下面與大家分享下代碼2013-12-12
這篇文章主要介紹了jQuery層疊選擇器用法,結合實例形式分析了jQuery層疊選擇器功能、用法及相關操作注意事項,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了jQuery實現(xiàn)標題有打字效果的焦點圖代碼,可實現(xiàn)幻燈片切換顯示時標題同步逐個打印顯示的效果,涉及jQuery操作json格式數(shù)據(jù)及時間函數(shù)的相關技巧,需要的朋友可以參考下2015-11-11
這篇文章主要介紹了jQury Ajax使用Token驗證身份實例代碼,需要的朋友可以參考下2017-09-09
使用基于jquery的gamequery插件做JS乒乓球游戲
現(xiàn)在jquery比較流行，用js做游戲的也越來越多了，雖然現(xiàn)在html5出來了，但實際上要用html5做點啥出來還是得靠javascript，所以學好js是非常重要的2011-07-07
jQuery插件HighCharts繪制的基本折線圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts繪制的基本折線圖效果,結合實例形式分析了jQuery基于HighCharts插件繪制圖形的具體實現(xiàn)步驟與相關操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03