2、jquery解析json

最新推荐文章于 2021-06-05 04:45:08 发布

nickfover

最新推荐文章于 2021-06-05 04:45:08 发布

阅读量471

点赞数

本文链接：https://blog.csdn.net/nickfover/article/details/41745235

版权

1、javascript支持的eval(）方法：

var str='{ "name": "John" }';
var obj = eval('(' + str + ')'); 
function ok(){
	alert( obj.name);
}

2、javascript支持的JSON.parse()方法：

var str = '{ "name": "mady", "age": "24" }';
var obj = JSON.parse(str);
alert(obj.age);

3、Jquery支持的parseJSON()方法

var str='{ "name": "John" }';
var obj = $.parseJSON(str)
alert(obj.name);

遍历：

<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<title>Insert title here</title>
<script type="text/javascript">
function showData() {
	var data=" { root: [ {'name':'6200','value':'0'}, {'name':'6101','value':'xa'}, {'name':'6102','value':'beijing'}, {'name':'6103','value':'haerbin'}]}"; 
	var dataObj = eval('(' + data + ')'); 
        $.each(dataObj.root, function(index, item) {
            $("#info").append(
                    "<div>" +index+":"+ item.name + "</div>" + 
                    "<div>" +index+":"+ item.value + "</div><hr/>");
        });
//注意：如果要使用其他转换函数请更改字符串内单引号为双引号，外引号为单引号
}
</script>
</head>
<body>
<input id="Button1" type="button" value="Hit Me" οnclick="showData()" /> 
<div id="info"></div>
</body>