How to parse JSON in loop

Question

new to Javascript here.I'm having a little trouble parsing some JSON with JQuery. I believe this is down to the structure of my JSON but as am using these scripts for another service so would like not to have to change there structure.

My JSON is as follows

{"customerInAccount":[{"customer_name":"Jane Doe","auto_id":"21"},{"customer_name":"Jack   Black","auto_id":"22"}]}

I would ideally like to use customer_name to populate a listview and I would also like to save auto_id somewhere(maybe local storage) so if selected I can present the relevant data.

If anyone could help me structure a loop to parse this JSON I would really appreciate it.

Silent Byte · Accepted Answer · 2013-02-28 11:53:45Z

3

You can use jQuery to parse it easily.

$.parseJSON(data);

try this:

var json = $.parseJSON(data);
for(var i=0; i<json.customerInAccount.length; i++){
     // do your stuff here..
}

if you had any problems with it, please let me know

answered Feb 28, 2013 at 11:53

Silent Byte

1901 silver badge12 bronze badges

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

Comments

Jaya Mayu · Accepted Answer · 2013-02-28 13:17:48Z

1

You can do as follow.

$('#home').live('pageshow', function(){
    // creating object 
    var customerList = JSON.parse('{"customerInAccount":[{"customer_name":"Jane Doe","auto_id":"21"},{"customer_name":"Jack   Black","auto_id":"22"}]}');

    // creating html string
    var listString = '<ul data-role="listview" id="customerList">';

    // running a loop
    $.each(customerList.customerInAccount, function(index,value){
     listString += '<li><a href="#" data-cusid='+this.auto_id+'>'+this.customer_name+'</a></li>';
    });
    listString +='</ul>';

    console.log(customerList);

    //appending to the div
    $('#CustomerListDiv').html(listString);

    // refreshing the list to apply styles
    $('#CustomerListDiv ul').listview();

    // getting the customer id on the click
    $('#customerList a').bind('click',function(){
     var customerID = $(this).data('cusid');  
     alert(customerID);
    });
});

You can check out the active working fiddle here. http://jsfiddle.net/amEge/3/

answered Feb 28, 2013 at 13:17

Jaya Mayu

17.3k35 gold badges116 silver badges149 bronze badges

1 Comment

user1668630 Over a year ago

First two answers were great and explain a lot to me which allowed me to access and populate my list but your answer went much further and showed me how to access the id variable on click which is extremely useful, many thanks to everyone.

Ravi Gadag · Accepted Answer · 2013-02-28 12:01:37Z

1

use like this

var value=yourJsonString
var results=JSON.parse(value); 

$.each(results.customerInAccount,function(i,item){
 // do with item 
alert(  item.customer_name);
});

working demo : JSON parse with loop

edited Feb 28, 2013 at 12:01

answered Feb 28, 2013 at 11:53

Ravi Gadag

15.9k5 gold badges60 silver badges85 bronze badges

Collectives™ on Stack Overflow

How to parse JSON in loop

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related