Loop and get key value pair for JSON array using jQuery

Question

I m looking to loop through a JSON array and display the key and value     It should be a simplified version of the following post  but I don t seem to have the syntax correct  jQuery  each  loop with JSON array  I also saw the post Get name of key in key value pair in JSON using jQuery   but it also seemed like lots of code for a simple activity   This illustrates what I m looking for  but it doesn t work    var result      FirstName   John   LastName   Doe   Email   johndoe johndoe com   Phone   123 dead drive       each result  function k  v                   display the key and value pair             alert k     is     v                 There is no mandatory jQuery requirement  but it is available  I can also restructure the JSON if it cuts down the required code

User · Accepted Answer

You have a string representing a JSON serialized JavaScript object. You need to deserialize it back to a JavaScript object before being able to loop through its properties. Otherwise you will be looping through each individual character of this string.

var resultJSON = '{"FirstName":"John","LastName":"Doe","Email":"[email protected]","Phone":"123 dead drive"}';
var result = $.parseJSON(resultJSON);
$.each(result, function(k, v) {
    //display the key and value pair
    alert(k + ' is ' + v);
});

Live demo.

User · Answer

The best and perfect solution for this issue   I tried the jQuery with the Ajax success responses  but it doesn t work so I invented my own and finally it works   Click here to see the full solution  var rs      test     Got it perfect    message     Got it      eval  var toObject      rs         alert toObject message

User · Answer

Parse the JSON string and you can loop through the keys    x000D   x000D  var resultJSON      FirstName   John   LastName   Doe   Email   johndoe johndoe com   Phone   123 dead drive     x000D  var data   JSON parse resultJSON   x000D   x000D  for  var key in data  x000D    x000D        console log key           data key    x000D      alert key     -- gt      data key    x000D    x000D   x000D   x000D

User · Answer

var obj     parseJSON result   for  var prop in obj        alert prop     is     obj prop

User · Answer

The following should work for a JSON returned string  It will also work for an associative array of data   for  var key in data       alert key     is     data key

User · Answer

You can get the values directly in case of one array like this   var resultJSON      FirstName   John   LastName   Doe   Email   johndoe johndoe com   Phone   123 dead drive     var result     parseJSON resultJSON   result  FirstName       return  John  result  LastName        return   Doe  result  Email       return  johndoe johndoe com  result  Phone        return  123

[javascript] Loop and get key/value pair for JSON array using jQuery

Examples related to javascript

Examples related to jquery

Examples related to json