JavaScript & jQuery parse JSON in loop

Question

Sorry about asking this, I can't get it to work even with looking at other questions...

I have a JSON output in "json.php", for example:

    [
       {"serverid":"1","servername":"Server One"},
       {"serverid":"2","servername":"Server Two"}
    ]

I have a script, to grab the data & parse it into a variable

var servers;
jQuery.get('json.php', function(data) {
     servers =    JSON.parse(data);
     jQuery('#servers').servers.servername
});

I have a div to output the results to:

<div id="servers"></div>

Whatever I try, I always get some kind of

"Uncaught TypeError: Cannot read property 'servername' of undefined" error.

I'd also like to look around the results, however I can't even get it to print atm.

Again sorry for another question like this

What is jQuery('#servers').servers.servername supposed to do??? Obviously, there is no servers property on jQuery objects. — Bergi
– Bergi, Commented Mar 13, 2013 at 14:10
Well I think that's where the problem is, I want to be saying get the servername from the parsed data... no idea how to though. — Alias
– Alias, Commented Mar 13, 2013 at 14:12
did u check if data received from server is json array object? In that case you need to iterate though servers — smitrp
– smitrp, Commented Mar 13, 2013 at 14:12
@Alias: There are two servernames in the response data. Which one do you want? — Bergi
– Bergi, Commented Mar 13, 2013 at 14:13
@Bergi well I'd like both of them to be displayed one after the other, however at the moment I can't get anything to display. — Alias
– Alias, Commented Mar 13, 2013 at 14:15

Mathew Thompson · Accepted Answer · 2013-03-13 14:19:09Z

15

Don't you mean something like this? the jQuery object (which is a reference to your div) knows nothing about servername. Also, you'll need to iterate through the array of items in order to get them all:

servers = $.parseJSON(data);

$.each(servers, function(index, value) {
    $("#servers").text($("#servers").text() + " " + value.servername);
});

Fiddle: http://jsfiddle.net/H2RC2/1/

edited Mar 13, 2013 at 14:19

answered Mar 13, 2013 at 14:11

Mathew Thompson

56.5k15 gold badges131 silver badges151 bronze badges

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

2 Comments

Bergi Over a year ago

servers has no servername property.

Alias Over a year ago

Thank you, exactly what I was after!

Alberto De Caro · Accepted Answer · 2013-03-13 14:25:52Z

6

The error message is all you need. The jQuery('#servers') wrap the #servers div in the jQuery object. And this object has got no property such as servers.

Rather you could use:

    var servers = JSON.parse(data);
    var res = '';
    for(var i = 0; i<servers.length; i++){
        res = res + '<p>' + servers[i].servername +'</p>';
    }

    $('#servers').append(res);

edited Mar 13, 2013 at 14:25

answered Mar 13, 2013 at 14:14

Alberto De Caro

5,2139 gold badges50 silver badges77 bronze badges

1 Comment

Bergi Over a year ago

servers has no servername property.

Collectives™ on Stack Overflow

JavaScript & jQuery parse JSON in loop

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related