jsonデータを持つ簡単な例が必要です。これを解析してhtmlでレンダリングする必要があります。誰かが私にこれを行う簡単な方法を提案できますか?jsonを使用してjsonをレンダリングする
あなたはこのようなJavaScriptでのオブジェクトから文字列を作成することができます答えて
...
var jsonString = JSON.stringify(myJsonObject);
は、その後、あなたはhtml要素に適用するその文字列を使用することができます。たとえば... jQueryを使って
document.getElementById('myDivID').innerText = jsonString;
あなたは私はあなたが求めているものを全くわからないんだけど、次のとDIV ...
$("#MyDiv").html(jsonString);
を更新することができます。オブジェクトを解析するために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を使用して選択します。
何のためにJQueryを使う必要はありませんか?私はHTML要素(JavaScriptの代わりを提供していない)を更新するためにのみ言及しました – musefan
Sripaulはそれを文字列化するのではなく、それを解析する方法を知りたかったので、forループとjQueryのrequriementは必要ありません。あなたの答えはもちろん完全です(私は '.html()'の代わりに '.text()を使いますが):-) –
ああ、私はあなたの意見を見ます。私は、JSONオブジェクトのデータをテキストとして表示することを考えていました(私はあなたが質問をどちらかの方法で読むことができると思います) – musefan
- 1. レンダリングでカスタムjsonメソッドを使用する
- 2. tumblrを使用してカスタム写真セットをレンダリングするJSON
- 3. JSONを使用してJSONを投稿し、HTTPコンテンツタイプを設定する - 'application/json'
- 4. 解析&Iが独自のJSONをレンダリングするFieldオブジェクトを持っている「に、レンダリングされ、」リフトJSONを使用したリフト-JSON
- 5. レンダリングJSON
- 6. Jsonを使用してJsonを使用してコントローラ/アクションを呼び出す
- 7. JSON gemを使用してカスタムオブジェクトをJSONに変換する
- 8. Scalaでlift-jsonを使用してJSONを解析する
- 9. 最新のtypeahead.jsライブラリを使用してJSONレスポンスをレンダリングする方法
- 10. ダイナミックページタイトル - jsonレンダリング後
- 11. RailsメソッドJSONレンダリング
- 12. アンドロイドスタジオを使用しているJSON
- 13. Railsデータをグループ化してjsonとしてレンダリングする
- 14. jsonをテンプレートとして辞書としてレンダリングする
- 15. PHPを使用してJSONオブジェクトを.jsonファイルに挿入
- 16. JSONフィールドを使用してMySQLテーブルを照会し、JSON属性にアクセスする
- 17. GrailsでJSONをレンダリングしますか?
- 18. JSONデータをbackbone.jsテンプレートにレンダリング
- 19. JSONを使用してテーブルを作成
- 20. JSONを使用して値を取得
- 21. json storeを使用してイメージをロード
- 22. JSONを使用してリクエストオブジェクトをシリアライズ
- 23. Nustacheを使用してMustacheテンプレートで完全なJSONオブジェクトグラフをレンダリングできない
- 24. Grails - JSONを使用してコントローラからAjax経由でマップをレンダリング
- 25. WCFを使用してRESTful JSON APIを使用する
- 26. Railsでアクティブリソースを使用してJSON REST APIを使用する
- 27. urllib.requestとjsonモジュールを使用してPythonでJSONオブジェクトをロードする
- 28. JSONを使用してJSONをKeyValuePairにデシリアライズする際の問題
- 29. JSON-LIBを使用してBeanをJSONに変換する方法
- 30. アンドロイドでJSONを使用してwebserviceにjson Arrayを投稿するには?
質問している内容が正確ではありません。具体的な例がありますか? –