我正在尝试输出此 json 的所有元素:
{"nodes":[{"url":"asdfas","date":""},{"url":"asdfas","date":""},{"url":"asdfasfdasas","date":""}]}
这是我到目前为止的代码，但没有输出任何内容。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
var arr = "{\"nodes\":[{\"url\":\"asdfas\",\"date\":\"\"},{\"url\":\"asdfas\",\"date\":\"\"},{\"url\":\"asdfasfdasas\",\"date"\:\"\"}]}";
for(var i=0;i<arr.length;i++){
var obj = arr[i];
for(var key in obj){
var attrName = key;
var attrValue = obj[key];
$('body').append(attrName);
}
}
</script>
<body>
</body>
编辑:
这是我更新的文件，但仍然没有输出？ :
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
//Or you can parse it from a string
var arr = JSON.parse('{\"nodes\":[{\"url\":\"asdfas\",\"date\":\"\"},{\"url\":\"asdfas\",\"date\":\"\"},{\"url\":\"asdfasfdasas\",\"date"\:\"\"}]}');
// You have to iterate over arr.nodes, not arr
for(var i=0;i<arr.nodes.length;i++){
var obj = arr.nodes[i];
for(var key in obj){
var attrName = key;
var attrValue = obj[key];
$('body').append(attrName);
}
}
</script>
</head>
<body>
</body>
</html>
最佳答案
您的 JSON 需要解析或不放入字符串中；
// arr is a bad name, it is not an array, it's an object
// JSON is valid JavaScript
var arr = {"nodes":[{"url":"asdfas","date":""},{"url":"asdfas","date":""},{"url":"asdfasfdasas","date":""}]};
// Or you can parse it from a string
var arr = JSON.parse("{\"nodes\":[{\"url\":\"asdfas\",\"date\":\"\"},{\"url\":\"asdfas\",\"date\":\"\"},{\"url\":\"asdfasfdasas\",\"date\":\"\"}]}");
// You have to iterate over arr.nodes, not arr
for(var i=0;i<arr.nodes.length;i++){
var obj = arr.nodes[i];
for(var key in obj){
var attrName = key;
var attrValue = obj[key];
$('body').append(attrName);
}
}
关于jquery - 解析json树结构，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9490782/