次のような JSON 配列があります:
{
"forum":[
{
"id":"1",
"created":"2010-03-19 ",
"updated":"2010-03-19 ","user_id":"1",
"vanity":"gamers",
"displayname":"gamers",
"private":"0",
"description":"All things gaming",
"count_followers":"62",
"count_members":"0",
"count_messages":"5",
"count_badges":"0",
"top_badges":"",
"category_id":"5",
"logo":"gamers.jpeg",
"theme_id":"1"
}
]
}
.getJSON
jQuery を使用して各配列の値を返すことができるようにしたいのですが、それらにアクセスする方法がわかりません。
これまでのところ、次の jQuery コードがあります:
$.get('forums.php', function(json, textStatus) {
//optional stuff to do after success
alert(textStatus);
alert(json);
});
jQuery でこれを実行するにはどうすればよいですか?
ベストアンサー1
JSON のは{}
オブジェクトを表します。オブジェクトの各プロパティは、key:value
と でカンマ区切りで表されます。プロパティ値には、 のようにピリオド演算子を使用してキーでアクセスできますjson.forum
。JSON[]
の は配列を表します。配列の値は任意のオブジェクトにすることができ、値はカンマで区切られます。配列を反復処理するには、インデックス付きの標準の for ループを使用します。キーで直接参照せずにオブジェクトのプロパティを反復処理するには、for in
ループを使用できます。
var json = {"forum":[{"id":"1","created":"2010-03-19 ","updated":"2010-03-19 ","user_id":"1","vanity":"gamers","displayname":"gamers","private":"0","description":"All things gaming","count_followers":"62","count_members":"0","count_messages":"5","count_badges":"0","top_badges":"","category_id":"5","logo":"gamers.jpeg","theme_id":"1"}]};
var forum = json.forum;
for (var i = 0; i < forum.length; i++) {
var object = forum[i];
for (property in object) {
var value = object[property];
alert(property + "=" + value); // This alerts "id=1", "created=2010-03-19", etc..
}
}
これをjQuery風にやりたい場合は、$.each()
:
$.each(json.forum, function(i, object) {
$.each(object, function(property, value) {
alert(property + "=" + value);
});
});
jQuery が内部で何を行っているかをよりよく理解していただけるよう、「プレーンな JavaScript」と同じ変数名を使用しました。お役に立てれば幸いです。