1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > html 如何遍历json Jquery JS遍历JSON数组 - HTML5

html 如何遍历json Jquery JS遍历JSON数组 - HTML5

时间:2024-05-19 02:24:41

相关推荐

html 如何遍历json Jquery  JS遍历JSON数组 - HTML5

怎样使用Jquery,或者是最简单的JS来遍历一个JSON数组。

$(document).ready(function(){

// 使用Jquery

var dataList1 = [

{"creator":"JoshWang","count":"91"},

{"creator":"Jack","count":"55"},

{"creator":"Michell","count":"13"},

{"creator":"Mad", "count":"46"},

{"creator":"Dunk", "count":"456"}

];

$(dataList1).each(function(){

alert(this.creator + " " + this.count);

});

// 不使用Jquery

var dataList2 = {"items":"[{\"creator\":\"Hongda\",\"count\":\"91\"},{\"creator\":\"Lily\",\"count\":\"55\"}]"

}

dataList2 = eval(dataList2.items);

for (var i = 0; i < dataList2.length; i++) {

alert(dataList2[i].creator + " " + dataList2[i].count);

}

// 使用纯JS及数组索引

var json=[{"kl_id":"2","kl_title":"Test date","kl_content":"Test date","kl_type":"1","id":"1"},{"kl_id":"2","kl_title":"Test","kl_content":"Test","kl_type":"1","id":"2"}]

var str = "";

for (var one in json) {

alert("one:" + one);

for (var key in json[one]){

alert("key:" + key)

str += json[one][key] + ",";

}

}

alert(str);

});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。