jQuery ajax json 數(shù)據(jù)的遍歷代碼
先給大家說下我的需求：進(jìn)行ajax請求后，后臺(tái)傳遞回來以下json數(shù)據(jù)。
具體實(shí)現(xiàn)代碼如下所示：
JavaScript代碼
{
"data":[
{"id":"1","name":"選擇A","value":"A"},
{"id":"2","name":"選擇B","value":"B"},
{"id":"3","name":"選擇C","value":"C"}
]
}
對上面的json數(shù)據(jù)類在jquery 的success 函數(shù)中解析
JavaScript代碼
$.ajax({
type: "POST",
url: "xxx.do",
dataType : "json", // 指定返回類型
data: {xxx:"yyy"}, // 傳遞到后臺(tái)的參數(shù)
success: function(data)
{
$.each(data, function(index,values){ // 解析出data對應(yīng)的Object數(shù)組
$.each(values,function(index2,value){ // 遍歷Object數(shù)組 ，每個(gè)對象的值存放在value ，index2表示為第幾個(gè)對象
// 根據(jù)自己的邏輯進(jìn)行數(shù)據(jù)的處理
alert(value.name + " " + value.value);
// TODO: 邏輯
});
});
},
error : function()
{
alert("系統(tǒng)出現(xiàn)問題");
}
});
繼續(xù)來個(gè)例子
本章節(jié)分享一段代碼實(shí)例，是jQuery封裝的ajax對JSON數(shù)據(jù)的請求處理。
代碼比較簡單，對于有經(jīng)驗(yàn)的人員來說可以掠過，初學(xué)者可以做一下參考之用。
代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>腳本之家</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$(document).ready(function(){
$("#bt").click(function(){
$.ajax({
type: "get",
dataType: "json",
url: "demo/jQuery/ajax/txt/json.txt",
success: function(msg){
var data = msg
str="";
$.each(data,function(index, n){
str=str+data[index].webName+","+data[index].url+","+data[index].age+"<br/>";
});
$("#show").html(str);
}
});
})
})
</script>
</head>
<body>
<div id="show"></div>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>
以上所述是小編給大家介紹的jQuery ajax json 數(shù)據(jù)的遍歷代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
- JQuery遍歷json數(shù)組的3種方法
- jquery對Json的各種遍歷方法總結(jié)(必看篇)
- 遍歷json獲得數(shù)據(jù)的幾種方法小結(jié)
- jQuery的ajax和遍歷數(shù)組json實(shí)例代碼
- jquery動(dòng)態(tài)遍歷Json對象的屬性和值的方法
- jQuery篩選數(shù)組之grep、each、inArray、map的用法及遍歷json對象
- jQuery遍歷json的方法(推薦)
- jQuery通過ajax請求php遍歷json數(shù)組到table中的代碼(推薦)
- jquery遍歷json對象集合詳解
- jQuery使用$.each遍歷json數(shù)組的簡單實(shí)現(xiàn)方法
- jQuery遍歷json的方法分析
- jquery使用each方法遍歷json格式數(shù)據(jù)實(shí)例
- jQuery遍歷json中多個(gè)map的方法
- jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對象
- 通過Jquery遍歷Json的兩種數(shù)據(jù)結(jié)構(gòu)的實(shí)現(xiàn)代碼
- jQuery 遍歷json數(shù)組的實(shí)現(xiàn)代碼
- Javascript Jquery 遍歷Json的實(shí)現(xiàn)代碼
- Jquery遍歷Json數(shù)據(jù)的方法
相關(guān)文章
ajax響應(yīng)json字符串和json數(shù)組的實(shí)例(詳解)
下面小編就為大家?guī)硪黄猘jax響應(yīng)json字符串和json數(shù)組的實(shí)例(詳解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
ajax 實(shí)現(xiàn)微信網(wǎng)頁授權(quán)登錄的方法
這篇文章主要介紹了ajax 實(shí)現(xiàn)微信網(wǎng)頁授權(quán)登錄的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-03-03
使用AJAX（包含正則表達(dá)式）驗(yàn)證用戶登錄的步驟
這篇文章主要介紹了使用AJAX（包含正則表達(dá)式）驗(yàn)證用戶登錄的步驟,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-10-10
AJAX 動(dòng)態(tài)加載后臺(tái)數(shù)據(jù) 綁定select的方法
今天小編就為大家分享一篇AJAX 動(dòng)態(tài)加載后臺(tái)數(shù)據(jù) 綁定select的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
DELETE 請求如何通過ajax進(jìn)行發(fā)送(方法小結(jié))
DELETE 請求用于向服務(wù)器發(fā)送刪除資源的請求,它是 RESTful API 中的一個(gè)重要方法,用于刪除指定的資源,本文給大家介紹DELETE 請求如何通過ajax進(jìn)行發(fā)送,感興趣的朋友一起看看吧2023-11-11
簡單實(shí)體類和xml文件的相互轉(zhuǎn)換方法
下面小編就為大家?guī)硪黄唵螌?shí)體類和xml文件的相互轉(zhuǎn)換方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
Ajax實(shí)現(xiàn)無閃爍定時(shí)刷新頁面實(shí)例代碼
這篇文章主要介紹了使用Ajax技術(shù)實(shí)現(xiàn)無閃爍定時(shí)刷新頁面實(shí)例代碼，非常不錯(cuò)具有參考借鑒價(jià)值，感興趣的朋友一起看下吧2016-05-05
Select2在使用ajax獲取遠(yuǎn)程數(shù)據(jù)時(shí)顯示默認(rèn)數(shù)據(jù)的方法
今天小編就為大家分享一篇Select2在使用ajax獲取遠(yuǎn)程數(shù)據(jù)時(shí)顯示默認(rèn)數(shù)據(jù)的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
ajax 登錄功能簡單實(shí)現(xiàn)(未連接數(shù)據(jù)庫)
未連接數(shù)據(jù)庫下實(shí)現(xiàn)ajax 登錄功能判斷登陸成功與失敗，喜歡ajax的朋友可以參考下哈，希望對大家有所幫助2013-05-05
給Ajax返回的HTML標(biāo)簽動(dòng)態(tài)添加樣式的方法
這篇文章主要介紹了給Ajax返回的HTML標(biāo)簽動(dòng)態(tài)添加樣式的方法,需要的朋友可以參考下2017-04-04