Parse Json data jQuery each

Question

I am getting json response like this

{"item_id":"1","item_title":"Item 1"}{"item_id":"2","item_title":"Item 2"}

how would I parse this for each data returned?

Tried

$.ajax({
                          url: 'linktojson',
                          type: "post",
                          dataType: "json",
                          success: function (response) {
                              //console.log('isok');
                              if (response.item_id) {
                                 $('#posts').html(response.item_id);
                              }
                          }
                        });

but works only if I have 1 item in the response.

thank you!

response can't be a series of objects, needs to only one object. Run your response through jsonlint.com to check validation — charlietfl
– charlietfl, Commented Jun 23, 2012 at 18:15

Prasenjit Kumar Nag · Accepted Answer · 2012-06-23 18:19:32Z

3

After you return valid JSON from server then You can traverse the json object using $.each like

success: function (response) {
    $.each(response,function(i,item){
        $('#posts').append(item.item_id+"<br />"); 
    });
}

Demo: http://jsfiddle.net/joycse06/DxaaV/

answered Jun 23, 2012 at 18:19

Prasenjit Kumar Nag

13.5k3 gold badges47 silver badges57 bronze badges

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

Comments

Nicolás Torres · Accepted Answer · 2012-06-23 18:14:28Z

1

That isn't valid JSON, it works with one element only.

Read JSON

OR use json_encode on PHP side (assuming you are using PHP)

answered Jun 23, 2012 at 18:14

Nicolás Torres

1,3458 silver badges13 bronze badges

2 Comments

Benn Over a year ago

it is json_encode but foreach , I see what you are saying. let me try

Nicolás Torres Over a year ago

if you have many arrays, merge all of them into a single one and then use json_encode

Cristi Pufu · Accepted Answer · 2012-06-23 18:14:29Z

1

You should get an array of objects like this:

var variable = [{"item_id":"1","item_title":"Item 1"}, {"item_id":"2","item_title":"Item 2"}];

So modify the response to be like above. Here is the fiddle: http://jsfiddle.net/YZ6Fc/

answered Jun 23, 2012 at 18:14

Cristi Pufu

9,1253 gold badges39 silver badges43 bronze badges

Collectives™ on Stack Overflow

Parse Json data jQuery each

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related