jQuery loop over hasil JSON dari AJAX Success?

Pada sukses callback jQuery AJAX saya ingin mengulang hasil objek. Ini adalah contoh bagaimana respons terlihat di Firebug.

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

Bagaimana saya bisa mengulang hasil sehingga saya akan memiliki akses ke masing-masing elemen? Saya telah mencoba sesuatu seperti di bawah ini tetapi ini sepertinya tidak berhasil.

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

Anda dapat menghapus lingkaran luar dan ganti thisdengan data.data:

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

Anda sudah dekat:

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

Anda memiliki larik objek / peta sehingga loop luar beralih di atasnya. Loop dalam berulang pada properti pada setiap elemen objek.

Anda juga dapat menggunakan fungsi getJSON :

    $.getJSON('/your/script.php', function(data) {
        $.each(data, function(index) {
            alert(data[index].TEST1);
            alert(data[index].TEST2);
        });
    });

Ini benar-benar hanya penulisan ulang jawaban ifesdjeen, tetapi saya pikir ini mungkin membantu orang.

Jika Anda menggunakan Fire Fox, cukup buka konsol (gunakan tombol F12) dan coba ini:

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

$.each (a, function (bb) {
    console.log (bb);
    console.log (a[bb]);
    console.log (a[bb].TEST1);
});

semoga membantu

Untuk orang lain yang terjebak dengan ini, itu mungkin tidak berfungsi karena panggilan ajax mengartikan data Anda yang dikembalikan sebagai teks - artinya ini belum menjadi objek JSON.

Anda bisa mengonversinya menjadi objek JSON dengan secara manual menggunakan perintah parseJSON atau cukup menambahkan dataType: properti 'json' ke panggilan ajax Anda. misalnya

jQuery.ajax({
    type: 'POST',
    url: '<?php echo admin_url('admin-ajax.php'); ?>',
    data: data, 
    dataType: 'json', // ** ensure you add this line **
    success: function(data) {
        jQuery.each(data, function(index, item) {
            //now you can access properties using dot notation
        });
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) {
        alert("some error");
    }
});

Akses json array seperti yang Anda lakukan pada array lainnya.

for(var i =0;i < itemData.length-1;i++)
{
  var item = itemData[i];
  alert(item.Test1 + item.Test2 + item.Test3);
}

Inilah yang saya buat untuk dengan mudah melihat semua nilai data:

var dataItems = "";
$.each(data, function (index, itemData) {
    dataItems += index + ": " + itemData + "\n";
});
console.log(dataItems);

Coba fungsi jQuery.map , berfungsi cukup baik dengan peta.

var mapArray = {
  "lastName": "Last Name cannot be null!",
  "email": "Email cannot be null!",
  "firstName": "First Name cannot be null!"
};

$.map(mapArray, function(val, key) {
  alert("Value is :" + val);
  alert("key is :" + key);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

jika Anda tidak ingin lansiran, yaitu Anda ingin html, maka lakukan ini

...
    $.each(data, function(index) {
        $("#pr_result").append(data[index].dbcolumn);
    });
...

CATATAN: gunakan "tambahkan" bukan "html" yang lain hasil terakhir adalah apa yang akan Anda lihat pada tampilan html Anda

maka kode html Anda akan terlihat seperti ini

...
<div id="pr_result"></div>
...

Anda juga bisa memberi style (add class) div di jquery sebelum dirender sebagai html

Jika Anda menggunakan metode singkat fungsi panggilan ajax JQuery seperti yang ditunjukkan di bawah ini, data yang dikembalikan perlu ditafsirkan sebagai objek json agar Anda dapat mengulang.

$.get('url', function(data, statusText, xheader){
 // your code within the success callback
  var data = $.parseJSON(data);
  $.each(data, function(i){
         console.log(data[i]);
      })
})

Saya sebagian ke fungsi panah ES2015 untuk menemukan nilai dalam array

const result = data.find(x=> x.TEST1 === '46');

Lihat Array.prototype.find () DI SINI

$eachakan berfungsi .. Pilihan lain adalah jQuery Ajax Callback untuk hasil array

function displayResultForLog(result) {
  if (result.hasOwnProperty("d")) {
    result = result.d
  }

  if (result !== undefined && result != null) {
    if (result.hasOwnProperty('length')) {
      if (result.length >= 1) {
        for (i = 0; i < result.length; i++) {
          var sentDate = result[i];
        }
      } else {
        $(requiredTable).append('Length is 0');
      }
    } else {
      $(requiredTable).append('Length is not available.');
    }

  } else {
    $(requiredTable).append('Result is null.');
  }
}

Saya menggunakan .map untuk foreach. Sebagai contoh

success: function(data) {
  let dataItems = JSON.parse(data)
  dataItems = dataItems.map((item) => {
    return $(`<article>
                <h2>${item.post_title}</h2>
                <p>${item.post_excerpt}</p>
              </article>`)
  })
},