JQuery: Store JSON results in a JavaScript array?

Question

I have a PHP script which creates a JSON array called 'cities'.

I can retrieve data from that using the following JQuery:

$.ajax({
  dataType: "json",
  url: "mysql.php",
  success: function(data){

    console.log(data[0]);//Returns first item in cities array

};

But I am unsure how to loop through the data retrieved and enter it into a JavaScript array.

I dont really have anyway of initialising a count, such as:

var counter = cities.length;

it doesnt seem to recognised 'cities; is the name of the retrieved JSON array.

Am I missing something in my ajax script?

possible duplicate of I have a nested data structure / JSON, how can I access a specific value? — bfavaretto
– bfavaretto, Commented Feb 7, 2013 at 2:40
data is the JSON response, data[0] returns the first item, so... data.length should give you the length — Christophe
– Christophe, Commented Feb 7, 2013 at 3:07

Hari Pachuveetil · Accepted Answer · 2013-02-07 02:37:09Z

2

If what you get back is a JSON array, you could convert that into a JS array using the JSON.parse method.

$.ajax({
  dataType: "json",
  url: "mysql.php",
  success: function(data){
    var cities = JSON.parse(data);
    console.log(cities.length);
};

If it's just an array of strings, you wouldn't even need to do a JSON.parse, because JSON is nothing but a stringified representation of JavaScript object notation. But JSON.parse would help convert a JSON to its corresponding JavaScript object notation for any valid JS objects.

answered Feb 7, 2013 at 2:37

Hari Pachuveetil

10.4k3 gold badges47 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Solorzano Jose · Accepted Answer · 2013-02-07 02:38:56Z

0

$.ajax({
dataType: "json",
url: "mysql.php",
success: function(data){

$.each(data.info , function() { //refer to the Json object to address the actual names

    var cityname = this.cityname;

                       });

};

answered Feb 7, 2013 at 2:38

Solorzano Jose

6322 gold badges8 silver badges17 bronze badges

Comments

whitneyit · Accepted Answer · 2013-02-07 02:37:53Z

0

In the success callback have you tried;

success: function ( data ) {
    for ( var index = 0; index < data.length; index++ ) {
        console.log( data[ index ] );
    }
}

answered Feb 7, 2013 at 2:37

whitneyit

1,2268 silver badges17 bronze badges

Collectives™ on Stack Overflow

JQuery: Store JSON results in a JavaScript array?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related