怎样使用Jquery，或者是最简单的JS来遍历一个JSON数组。
<!--HTML5 tag-->
<!DOCTYPE html>
<html lang="en">
<head>
<!--Bring in jquery-->
<script type="text/javascript" src="../../jquery/jquery-2.0.3.js"></script>
<script type="text/javascript">
$(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);
});
</script>
</head>
</html>
当然，对于比较复杂的Json数组，如Json数组中还有数组，那么可以结合如上介绍的方法来使用：
<script type="text/javascript">
var dataList = null;
$(document).ready(function(){
dataList = [
{"name": "nodeServers","count":"661","items":[
{"creator":"JoshWang","count":"91"},
{"creator":"Jack","count":"55"},
{"creator":"Michell","count":"13"},
{"creator":"Mad", "count":"46"},
{"creator":"Dunk", "count":"456"}
]
},
{"name": "FQDN","count":"661","items":[
{"creator":"WangSheng","count":"191"},
{"creator":"Jack","count":"55"},
{"creator":"Michell","count":"53"},
{"creator":"Mad", "count":"6"},
{"creator":"Jordan", "count":"356"}
]
}
];
$(dataList).each(function(){
alert(this.name + " " + this.count);
var itemList = null;
itemList = eval(this.items);
for (var i = 0; i < itemList.length; i++) {
alert(itemList[i].creator + " " + itemList[i].count);
}
});
});
</script>
相关推荐
本文实例讲述了JS简单循环遍历json数组的方法。分享给大家供大家参考，具体如下： 例如数据库里面的json字符串是这样的 var str = '[{"name":"宗2瓜","num":"1","price":"122"},{"name":"宗呱呱","num":"1","price...
主要介绍了js实现json数组分组合并操作,涉及javascript针对json数组的遍历、判断、添加、赋值等相关操作技巧,需要的朋友可以参考下
代码如下: [removed] var d1 =[{“text”:”王家湾”,”value”:”9″},{“text”:”李家湾”,”value”:... [removed] 不用JQuery 代码如下: [removed] var json = {“options”:”[{\”text\”:\”王家湾\”,\”value
1.jquery grep()筛选遍历数组(可以得到反转的数组) // 1.jquery grep()筛选遍历数组(可以得到反转的数组) var array = [1,5,9,3,12,4,48,98,4,75,2,10,11]; var filterArray = $.grep(array,(currentValue) => { ...
本文实例讲述了jQuery使用$.each遍历json数组的简单实现方法。分享给大家供大家参考，具体如下： <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" ...
//对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式，必须保证JSON的格式要求，回调的对象必须使用eval函数进行转化（否则将得不到Object）。本文不作详细介绍服务器端回调的数据问题，我们...
html代码（test.html），js在html底部 具体代码如下所示： <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>test-jquery-ajax-list</title> </head> &...
jquery grep()筛选遍历数组 代码如下: $().ready( function(){ var array = [1,2,3,4,5,6,7,8,9]; var filterarray = $.grep(array,function(value){ return value > 5;//筛选出大于5的 }); for(var i=0;i<...
声明了一个JSON字符串直接遍历，在Chrome控制台下面报错，解决方法是将JSON字符串转换为JavaScript对象
jQuery的ajax和遍历数组json实例代码 jQuery.ajax({ type: POST, url: server.json, dataType:'json', data: , success: function(msg){ var title = ; jQuery.each(msg,function(key,value){ alert(...
each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等 在javaScript开发过程中使用$each可以大大的减轻我们的工作量。 下面提一下each的几种常用的用法 each处理一维...
废话不多说，直奔主题了。 var jsonStr ={}; 1、判断json是否为空 jQuery.isEmptyObject()； 2、判断对象是否为空： 1、if (typeOf(x) == “undefined”) ...4、遍历json for(var key in jsonStr){ alert(key+" "+j
在jquery中处理JSON数组的情况中遍历用到的比较多，但是用添加移除这些好像不是太多。 今天试过json[i].remove(),json.remove(i)之后都不行，看网页的DOM对象中好像JSON数据是以数组的形式出现的，查阅了下相关JS中...
jquery grep()筛选遍历数组 $().ready( function(){ var array = [1,2,3,4,5,6,7,8,9]; var filterarray = $.grep(array,function(value){ return value > 5;//筛选出大于5的 }); for(var i=0;i<...
10-26 4 jquery对象集合遍历的四种形式及练习题讲解 jquery的dom操作 10-27 1课程回顾 10-27 2 jquery的dom操作 内部插入 外部插入 10-27 3 jquery节点操作 10-27 4 练习题讲解 10-27 5 jquery属性操作 获取子元素和...
醉心于对JavaScript、jQuery和Ajax等Web开发技术的研究与实践，并长期专注于HTML页面的优化与用户体验的研究，在页面框架搭建、数据流向分析、页面静态优化方面拥有丰富的实践经验。此外，他还是微软技术方面的专家...
同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。 在JSON中，有两种结构：对象和数组。 1.对象 一个对象以“{”开始，“}”结束。每个“key”后跟一“:”...
10-26 4 jquery对象集合遍历的四种形式及练习题讲解 jquery的dom操作 10-27 1课程回顾 10-27 2 jquery的dom操作 内部插入 外部插入 10-27 3 jquery节点操作 10-27 4 练习题讲解 10-27 5 jquery属性操作 获取子元素和...