How to extract Array from JSON in $.ajax response

Question

I have a json value converted from array in ajax response.

{"Text":"Please provide a value","Email":"Please provide a value"}

I need the response json to be extracted in a div using $(div).html():

Text-Please provide a value
Email-Please provide a value

I tried it using $.each():

var json=JSON.stringify({"Text":"Please provide a value","Email":"Please provide a value"});
    var arr = [];
    var obj = jQuery.parseJSON(json);
    $.each(json,function(key,value)
    {
     arr.push('<li>'+value+'</li>');
    });
    var arrval =arr.join('');
    console.log(arrval);

But I got output as undefined. I know there is some logical mistake I have done while extracting? What have I done wrong in here??

Note: The array key value pair in json can be dynamic ie., it may be one, two or more..

You are iterating over the original string. You should write $.each(obj, ...) instead of $.each(json, ...). — Frédéric Hamidi
– Frédéric Hamidi, Commented Sep 12, 2013 at 9:07
@FrédéricHamidi Thanks for showing correct way. Your suggestion worked... — Ganesh Babu
– Ganesh Babu, Commented Sep 12, 2013 at 9:18

user2660730 · Accepted Answer · 2013-09-12 10:27:27Z

1

I think this might be helpful

var  json = {"Text":"Please provide a value","Email":"Please provide a value"};
var arr = [];
$.each(json,function(key,value){
    arr.push('<li>'+value+'</li>');
});
var arrval =arr.join('');
console.log(arrval);

answered Sep 12, 2013 at 10:27

user2660730

442 bronze badges

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

1 Comment

Sandeepan Nath Over a year ago

I thought calling $.parseJSON() on json (json to object conversion) and then $.makeArray() on the result (object to array conversion) would get me the array I wanted, but my $.parseJSON() resulted a null. Any pointers?

asharajay · Accepted Answer · 2013-09-12 09:24:12Z

1

see this if it helps !!

var jsonData = {"Text":"Please provide a value","Email":"Please provide a value"};
var arr = [];
for(var j in jsonData){
    var sub_key = j;
    var sub_val = eval("jsonData."+j);
    arr.push('<li>'+sub_key+": "+sub_val+'</li>');    
}

edited Sep 12, 2013 at 9:24

answered Sep 12, 2013 at 9:11

asharajay

1,1919 silver badges19 bronze badges

Comments

Jacky Lormoz · Accepted Answer · 2013-09-12 09:11:16Z

0

$(obj).each(function(index,value)
{
  arr.push('<li>'+value.Text+'</li>');
});

your json have to look like:

[{"Text":"Please provide a value","Email":"Please provide a value"}]

edited Sep 12, 2013 at 9:11

answered Sep 12, 2013 at 9:09

Jacky Lormoz

1652 silver badges11 bronze badges

Comments

Dawit · Accepted Answer · 2013-09-12 10:22:27Z

0

json is an array of objects, thus has a length property that you can use to iterate its elements.

var result;

for(var i=0;i<json.data.length;i++)
{
      result += json.data[i].text+ ', ';
}

Most debugger consoles support displaying objects directly. Just check your result using

console.log(obj);

answered Sep 12, 2013 at 10:22

Dawit

113 bronze badges

1 Comment

Alex Over a year ago

How exactly does that fit the question? Please edit to improve.

Collectives™ on Stack Overflow

How to extract Array from JSON in $.ajax response

4 Answers 4

1 Comment

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related