jQuery loop over JSON risulta dal successo AJAX?

Sul callback di successo di jQuery AJAX voglio passare in rassegna i risultati dell'oggetto. Questo è un esempio di come appare la risposta in Firebug.

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

Come posso scorrere i risultati in modo da avere accesso a ciascuno degli elementi? Ho provato qualcosa di simile di seguito, ma questo non sembra funzionare.

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

puoi rimuovere l'anello esterno e sostituirlo thiscon data.data:

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

Eri vicino:

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

Hai una serie di oggetti / mappe, quindi il ciclo esterno scorre su quelli. Il ciclo interno scorre le proprietà di ciascun elemento oggetto.

Puoi anche usare la funzione getJSON :

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

Questo è davvero solo una riformulazione della risposta di ifesdjeen, ma ho pensato che potesse essere utile alle persone.

Se usi Fire Fox, apri una console (usa il tasto F12) e prova questo:

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);
});

spero che sia d'aiuto

Per chiunque sia bloccato con questo, probabilmente non funziona perché la chiamata ajax sta interpretando i dati restituiti come testo, ovvero non è ancora un oggetto JSON.

Puoi convertirlo in un oggetto JSON usando manualmente il comando parseJSON o semplicemente aggiungendo la proprietà dataType: 'json' alla tua chiamata ajax. per esempio

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");
    }
});

Accedi all'array json come faresti con qualsiasi altro array.

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

Questo è quello che mi è venuto in mente per visualizzare facilmente tutti i valori dei dati:

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

Prova la funzione jQuery.map , funziona abbastanza bene con le mappe.

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>

se non vuoi essere avvisato, allora vuoi HTML, quindi fai questo

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

NOTA: usa "append" non "html" altrimenti l'ultimo risultato è quello che vedrai nella tua vista html

allora il tuo codice html dovrebbe assomigliare a questo

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

Puoi anche assegnare uno stile (aggiungi classe) al div nel jquery prima che venga visualizzato come html

Se si utilizza il metodo breve della funzione di chiamata ajax di JQuery come mostrato di seguito, i dati restituiti devono essere interpretati come un oggetto json per poter essere sottoposti a loop.

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

Sono parziale alla funzione freccia ES2015 per trovare valori in un array

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

Acquista Array.prototype.find () QUI

$eachfunzionerà .. Un'altra opzione è jQuery Ajax Callback per il risultato dell'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.');
  }
}

Uso .map per foreach. Per esempio

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>`)
  })
},