使用jquery渲染json

Question

我需要一个简单的例子，它具有json数据，我必须解析它并在html中呈现。有人可以建议我一个简单的方法来做到这一点？

Answer 1

您可以创建在JavaScript中的物体，像这样的字符串...

var jsonString = JSON.stringify(myJsonObject); 

然后你就可以使用该字符串，以适用于html元素。例如...

document.getElementById('myDivID').innerText = jsonString; 

与jQuery你可以更新以下内容的DIV ...

$("#MyDiv").html(jsonString); 

Answer 2

我不是很确定你所要求的。您不必专门使用jQuery来解析对象。所有你需要的是标准的JavaScript。

给出一个JSON字符串，可以使用解析成一个JavaScript对象的JSON library

var myJSONObject = JSON.parse(myJSONString); 

或进入从对象的字符串：

var myJSONString= JSON.stringify(myJSONObject); 

如果你正在寻找的个别项目的JSON结构，那么你可以使用for循环：

for (var key in myJSONObject){ 
    alert(myJSONObject[key]); 
} 

我已经alerte在上面的d myJSONObject[key]，但是，你可以做它想要的。

您将使用jQuery来选择您想要显示信息的容器，如usefan的答案中所建议的。