使用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的答案中所建議的。