jQuery loop over JSON wynik z sukcesu AJAX?

Możesz również użyć funkcji getJSON :

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

To naprawdę tylko przeredagowanie odpowiedzi ifesdjeena, ale pomyślałem, że może to być pomocne dla ludzi.

Jeśli używasz Fire Fox, po prostu otwórz konsolę (użyj klawisza F12) i wypróbuj to:

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

Hope it helps

Dla kogokolwiek innego, to prawdopodobnie nie działa, ponieważ wywołanie ajax interpretuje zwrócone dane jako tekst - tzn. nie jest to jeszcze obiekt JSON.

Możesz przekonwertować go na obiekt JSON ręcznie za pomocą polecenia parseJSON lub po prostu dodając właściwość dataType: 'json' do wywołania ajax. np.

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

Uzyskaj dostęp do tablicy json tak jak każda inna tablica.

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

Spróbuj jQuery.funkcja map , działa całkiem dobrze z mapami.

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>

Możesz również użyć funkcji getJSON:

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

Oto, co wymyśliłem, aby łatwo wyświetlić wszystkie wartości danych:

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

$each zadziała.. Inną opcją jest 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.');
    }
  }

Jeśli nie chcesz alert, czyli u want html, to zrób to

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

Uwaga: użyj "append", a nie "html", w przeciwnym razie ostatni wynik to to, co zobaczysz w widoku html

Wtedy twój kod html powinien wyglądać tak

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

Możesz również stylować (dodawać klasę) div w jquery, zanim zostanie renderowany jako html