looping through JSON array

Question

I have recently posted another question which straight away users pointed me in the right direction.

$.ajax({
  type: 'POST',
  url: './',
  data: 'token=' + token + '&re=8',
  cache: false,
  timeout: 5000,
  success: function(html) {
    auth(html);
    var JSON_array = eval(html);
    alert(JSON_array[0].username);
  }
});

this returns the data correctly but I want to perform a kind of 'foreach'. the array contains data about multiple incoming and outgoing Instant Messages. So if a user is talking to more than one person at a time i need to loop through. the array's structure is as follows.

Array(
  [0] => Array
    (
      [username] => Emmalene
      [contents] => 
        <ul><li class="name">ACTwebDesigns</li><li class="speech">helllllllo</li></ul>
        <ul><li class="name">ACTwebDesigns</li><li class="speech">sds</li></ul>
        <ul><li class="name">ACTwebDesigns</li><li class="speech">Sponge</li><li class="speech">dick</li></ul>
        <ul><li class="name">ACTwebDesigns</li><li class="speech">arghh</li></ul>
    )
)

Any help very much appreciated.

Daff · Accepted Answer · 2010-03-27 15:59:45Z

5

Well since you are using jQuery already you could use the each function:

$.ajax({ 
        type: 'POST', url: './', data: 'token=' + token + '&re=8', cache: false, timeout: 5000,
        success: function(html){ 
            auth(html);
            var JSON_array = eval(html);
            $.each(JSON_array, function(index, data) {
                $('someelement').append(data.contents);
            });
        }                           
    });

answered Mar 27, 2010 at 15:59

Daff

44.4k9 gold badges108 silver badges122 bronze badges

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

Comments

Leo · Accepted Answer · 2010-03-27 16:07:40Z

2

Instead of evaluating the HTML, you can even specify JSON as return type...

Iteration is easy when using $.each:

$.ajax({
    type: "POST",
    data: ...,
    url: url,
    dataType: "json",
    success: function(data) {
        $.each(data, function(i, item){
            // do something with every item in data
            // you can reference items in data via
            // data.fieldName
        });
    }
});

But a for ... in loop isn't much harder:

$.ajax({
    ...,
    dataType: "json",
    success: function(data) {
        var fields = data.fieldName;
        var value;
        for (value in fields) {
            // do something with value
        }
    }
});

edited Mar 27, 2010 at 16:07

answered Mar 27, 2010 at 16:02

Leo

38.3k8 gold badges79 silver badges102 bronze badges

1 Comment

Leo Over a year ago

At which point exactly? Does JSON work as return type? Have you console.log'ed data?

Phil Jackson · Accepted Answer · 2010-03-27 16:15:27Z

1

Just to clarify, As I've read many helpful hints and answers and only this one worked for me:

$.ajax({ 
    type: 'POST', url: './', data: 'token=' + token + '&re=8', cache: false, timeout: 5000, datatype: 'json', 
    success: function(html){ 
        auth(html);
        var JSON_array = eval(html);
        $.each(JSON_array, function(index, data) {
            var talk_to = JSON_array.username;
            var contents_to_update = JSON_array.contents;
        });
    }                           
});

this which made work:

1) use of eval. 2) datatype: 'json' 3) use of jquery's $.each function

answered Mar 27, 2010 at 16:15

Phil Jackson

10.3k23 gold badges99 silver badges131 bronze badges

2 Comments

Leo Over a year ago

Trial & Error programming? I couldn't see why eval should be necessary if you return proper JSON...

Phil Jackson Over a year ago

pretty much. I have seen json examples in which they use eval so i tried and it worked!

Collectives™ on Stack Overflow

looping through JSON array

3 Answers 3

Comments

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related