jQuery: Handle multiple JSON data

Question

My code:

$.ajax({
    url: 'online.php',
    success: function(data) {
        var userOnline = $.parseJSON(data);
        $('#usersOnline').append($('<div id="usersOnlineUser">').text(userOnline['username']).append($('<span class="badge">').text('aktiv')));
    }
});

JSON:

{"username":"Aarivex","active":"1"}

It works fine. But how i can handle it with multiple JSON data, like

{"username":"Aarivex","active":"1"}{"username":"Aarivex2","active":"1"}

?

Start returning an array of them. Then iterate them. It will work for 1, it will work for n. For example: [{"username":"Aarivex","active":"1"},{"username":"Aarivex2","active":"1"}] and [{"username":"Aarivex","active":"1"}] — Travis J
– Travis J, Commented Jan 5, 2016 at 20:40

gaetanoM · Accepted Answer · 2016-01-05 20:59:35Z

1

If we assume your data is:

var data = [{"username":"Aarivex","active":"1"}, {"username":"Aarivex2","active":"1"}];

Your success function becomes:

success: function(data) {
   $.each(data, function(index, element) {
      $('#usersOnline').append($('').text(element['username']).append($('').text('aktiv')));
   });
}

answered Jan 5, 2016 at 20:59

gaetanoM

42.1k6 gold badges45 silver badges63 bronze badges

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

Collectives™ on Stack Overflow

jQuery: Handle multiple JSON data

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related