使用jQuery读取JSON

Question

I have following json

[{\"Country\":\"Europe\",\"City\":[\"Berlin\",\"Istanbul\",\"London\",\"Manchester\",\"Milan\",\"Paris\"]},null]

I want to read the country and its cities.

I have tried it like this

var eu = jQuery.parseJSON($("#EU").val());
        for( i=0; i<eu.length();i++)
        {
          alert( eu[0][0]);
          }

But I am getting undefined error in alert.

How can I accomplish the above task?

Answer 1

length is a property and not a method. Just drop the () :

for( i=0; i<eu.length;i++) {
  alert( eu[i].Country );
}

Furthermore, you have an Array of objects, so eu[0][0] does not exists. To output the country, eg., use eu[0].Country or eu[0]['Country'] .

Besides, your second Array element is null, so you should check for that (or receive an error):

for( i=0; i<eu.length;i++) {
  if( 'Country' in eu[i] ) {
    alert( eu[i].Country );
  }
}

Answer 2

You can try this within the for loop :

for( i=0; i<eu.length;i++)
{
  alert( eu[0]['Country']);
  alert( eu[0]['City'][0]);
 }

Answer 3

if #EU is an form input it will get the json, if its a div or html element try text() to get the json

$("#EU").text();

and the fix the loop

for( var i=0, x = eu.length; i < x; i++) //length 

Answer 4

You can use below code which is much simpler.

var vJson = [{"Country":"Europe","City":["Berlin","Istanbul","London","Manchester","Milan","Paris"]}];

$.each(vJson, function(idx, obj) { 
    alert(obj.Country); // Get Country
    $.each(obj.City, function(idx1, obj1) { 
        alert(obj1); // Get multiple city of country
    });
});