looping within list using jQuery

Question

By help my last question got solved but still stuck..

After trying this I got an error on console log..

Error: Syntax error, unrecognized expression: [ { "id": 1, "name": "Bhavik", "phone": 9601109585 }, { "id": 2, "name": "Xyz", "phone": 1234567890 }, { "id": 3, "name": "Abc", "phone": 9876543210 } ]
[Break On This Error]   

throw new Error( "Syntax error, unrecognized expression: " + msg );

jQuery code:

var list = { "Persons": data.d };
$(list.Persons).each(function (index) 
{
     alert( this.id + "\n" + this.name + "\n" + this.phone);
});

JSON array:

[
  {
    "id": 1,
    "name": "Bhavik",
    "phone": 9601109585
  },
  {
    "id": 2,
    "name": "Xyz",
    "phone": 1234567890
  },
  {
    "id": 3,
    "name": "Abc",
    "phone": 9876543210
  }
]

I want to loop through the list.. Any ideas..

EDIT After @Vucko's suggestion I tried replacing data.d by the the JSON array itself and to my surprise it worked JSFiddle.. Any reason and solution for it..

Solved changed var list = { "Persons": $.parseJSON(data.d)};.. JSON response is not enough I guess.. We need to parse it also..

@Vucko is there any mistake by me..?? your code works perfect.. — Bhavik
– Bhavik, Commented Jul 19, 2013 at 21:17

Vucko · Accepted Answer · 2013-07-19 21:19:34Z

1

Your code has only one error :

var list = { "Persons": data.d };
                             ^

Change to :

var list = { "Persons": data };

JSFiddle

answered Jul 19, 2013 at 21:19

Vucko

20.9k12 gold badges60 silver badges108 bronze badges

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

3 Comments

Bhavik Over a year ago

data.d gives me the JSON array.. I tried a small change replacing data.d with the array.. Have a look. Also I tried var list = { "Persons": data }; as you recommend but the alert gives undefined..

Vucko Over a year ago

Shure, all that matters is that works. It all depends on how you use the JSON array and then you modify the code appropriate to that. Check the other questions about looping through JSON array ( like this one ).

Rooster Over a year ago

@Bhavik var list = { "Persons": data.d }; $.each(list.Persons, function (index) { alert( index.id + "\n" + index.name + "\n" + index.phone); });

Collectives™ on Stack Overflow

looping within list using jQuery

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related