1. ホーム
  2. jquery

[解決済み] jQuery loop over JSON result from AJAX Success?

2022-04-25 02:23:43

質問

jQuery AJAXの成功コールバックで、オブジェクトの結果をループさせたいのですが、どうすればいいですか? これは、Firebugで応答がどのように見えるかの例です。

[
 {"TEST1":45,"TEST2":23,"TEST3":"DATA1"},
 {"TEST1":46,"TEST2":24,"TEST3":"DATA2"},
 {"TEST1":47,"TEST2":25,"TEST3":"DATA3"}
]

各要素にアクセスできるように、結果をループ処理するにはどうしたらよいでしょうか。 以下のようなことを試してみましたが、うまくいかないようです。

jQuery.each(data, function(index, itemData) {
  // itemData.TEST1
  // itemData.TEST2
  // itemData.TEST3
});

解決方法は?

外側のループを削除して thisdata.data :

$.each(data.data, function(k, v) {
    /// do stuff
});

惜しいことをしましたね。

$.each(data, function() {
  $.each(this, function(k, v) {
    /// do stuff
  });
});

オブジェクト/マップの配列があるので、外側のループはそれらに対して反復処理を行います。内側のループは、各オブジェクト要素のプロパティを繰り返し処理する。