Question

I get the following string:

[{"Key":1,"Value":"correct"},{"Key":2,"Value":"incorrect"},{"Key":3,"Value":"incorrect"},{"Key":4,"Value":"correct"},{"Key":5,"Value":"incorrect"}]

I want to change the background color of my TR based on whether the ID of that TR has a value of “correct” or “incorrect” in the JSON.

How can I get the value of an individual item from JSON? I have tried:

            success: function (result) {
                // update with results
                //alert(JSON.stringify(result));
                //$('#myDiv').html(JSON.stringify(result));

                // non of these work
                alert(result[0]);
                alert(result[key]);
            },

Answer 1

You can use $.each() to iterate the Array of Objects.

$.each(result, function(i, item) {
    alert(item.Key);
});

In the callback to $.each(), item will be a reference to the current item in the Array being iterated.

Then you just use normal property access to get the value for the Key property.

---

Of course you could also use a traditional for statement to loop the Array.

for (var i = 0; i < result.length; i++) {
    var item = result[i];
    alert(item.Key);
}

---

All of this assumes your response has the proper Content-Type setting, or you’ve give dataType:"json" to $.ajax().