jQuery loop su JSON risultato di AJAX Success?

Question

Sulla callback di successo jQuery AJAX, desidero eseguire il loop dei 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 ciclo sui risultati in modo che avrei accesso a ciascuno degli elementi? Ho provato qualcosa come sotto ma questo non sembra funzionare.

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

Answer 1

è possibile rimuovere il ciclo esterno e sostituire this con data.data:

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

Eri vicino:

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

Hai un array di oggetti/mappe così i itera ciclo esterno su quelli. Il ciclo interno scorre le proprietà su ciascun elemento dell'oggetto.

Answer 2

Accedere all'array json come se fosse un qualsiasi altro array.

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

Answer 3

Se si utilizza Fire Fox, basta aprire una console (tasto F12 uso) e provare 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); 
}); 

Speranza che aiuta

Answer 4

È anche possibile utilizzare la funzione getJSON:

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

Questo è in realtà solo una riformulazione della risposta di ifesdjeen, ma ho pensato che potrebbe b e utile alle persone.

Answer 5

$each funzionerà .. Un'altra opzione è jQuery Ajax Callback for array result

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

Answer 6

Prova jQuery.map funzione, 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>

Answer 7

Per chiunque altro bloccato con questo, probabilmente non è lavorare perché la chiamata AJAX sta interpretando i dati restituiti come testo - vale a dire che non è ancora un oggetto JSON.

È possibile convertirlo in un oggetto JSON manualmente utilizzando il comando parseJSON o semplicemente aggiungendo la proprietà dataType: 'json' alla 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"); 
    } 
}); 

Answer 8

È inoltre possibile utilizzare la funzione getJSON:

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

Answer 9

Questo è quello che mi è venuta di visualizzare facilmente tutti i valori dei dati:

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