Jquery Parsing json response in ajax success fn

Question

I have an ajax fn. My data variable gives me this response

[{"id":1,"name":"x"},{"id":2,"name":"y"},{"id":3,"name":"z"}]

How do I get id,name. I tried using

JSON.Parse(data[i])
    for(var i=0; i <data.length; i++){
      console.log(data[i].id);
    }

My console says unexpected end of data.

first of all the method is JSON.parse second, make sure you get the proper response - is your data the string or is it actually already parsed object (which is default for jquery if server responds with the proper content-type)? — Guard
– Guard, Commented Apr 13, 2013 at 9:17
@Guard:In this link datamapper.wanwizard.eu/pages/extensions/array.html. I am using all_to_array(); — user2261231
– user2261231, Commented Apr 13, 2013 at 9:24

John Dvorak · Accepted Answer · 2013-04-13 09:18:10Z

1

use this.it may help

data=$.parseJSON(data)
$.each(data,function(i,e){
    alert(e.id);
});

John Dvorak

27.4k13 gold badges73 silver badges86 bronze badges

answered Apr 13, 2013 at 9:14

Sina R.

1,7782 gold badges19 silver badges38 bronze badges

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

4 Comments

:TypeError: $.ParseJSON is not a function [Break On This Error] data=$.ParseJSON(data)

@user2261231 try with lowercase p

@JanDvorak:It is alreting.I do not want to alert.What is e here ?

@user2261231 the alert is just to demonstrate how to access the ID. e is the array element whose ID you want.

John Dvorak · Accepted Answer · 2013-04-13 09:18:00Z

1

    data = JSON.parse(data)
    for(var i=0; i <data.length; i++){
      alert(data[i].id);
      alert(data[i].name);
    }

John Dvorak

27.4k13 gold badges73 silver badges86 bronze badges

answered Apr 13, 2013 at 9:12

Adil Shaikh

44.8k17 gold badges95 silver badges112 bronze badges

that is incorrect JSON.Parse(data[i]) it should be JSON.Parse(data)

@MohammadAdil actually, it should be JSON.parse(data)