2012-01-09 10 views
2

jsonデータを持つ簡単な例が必要です。これを解析してhtmlでレンダリングする必要があります。誰かが私にこれを行う簡単な方法を提案できますか?jsonを使用してjsonをレンダリングする

あなたはこのようなJavaScriptでのオブジェクトから文字列を作成することができます
+0

質問している内容が正確ではありません。具体的な例がありますか? –

答えて

5

...

var jsonString = JSON.stringify(myJsonObject); 

は、その後、あなたはhtml要素に適用するその文字列を使用することができます。たとえば... jQueryを使って

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

あなたは私はあなたが求めているものを全くわからないんだけど、次のとDIV ...

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

を更新することができます。オブジェクトを解析するためにjQueryを特に使う必要はありません。必要なのは標準のJavaScriptだけです。あなたは、個々のアイテムを探している場合

var myJSONString= JSON.stringify(myJSONObject); 

:JSON文字列が与えられ

、あなたはJSON library

var myJSONObject = JSON.parse(myJSONString); 

またはオブジェクトから文字列に変換を使用して、JavaScriptオブジェクトにそれを解析することができますJSON構造の場合、forループを使用できます。

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

私は警告を出しました上記のd myJSONObject[key]しかし、あなたはそれであなたが望むことができます。

ユースファンの答えに示唆されているように、情報を表示したいコンテナをjQueryを使用して選択します。

+0

何のためにJQueryを使う必要はありませんか?私はHTML要素(JavaScriptの代わりを提供していない)を更新するためにのみ言及しました – musefan

+0

Sripaulはそれを文字列化するのではなく、それを解析する方法を知りたかったので、forループとjQueryのrequriementは必要ありません。あなたの答えはもちろん完全です(私は '.html()'の代わりに '.text()を使いますが):-) –

+0

ああ、私はあなたの意見を見ます。私は、JSONオブジェクトのデータをテキストとして表示することを考えていました(私はあなたが質問をどちらかの方法で読むことができると思います) – musefan

関連する問題