Рендеринг json с помощью jquery

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.