9

Possible Duplicate:
Loop through Json object

I have a PHP function, data.php, which fetches JSON data from an external server URL like such:

<?php $url = "https://dev.externalserver.net/directory"; $content = file_get_contents($url); echo json_encode($content); ?>

The JSON array retrieved looks like the following:

[ { "name": "Not configured", "mac_address": "1111c11c1111", "online": "false", "rate": "Not configured" }, { "name": "Not configured", "mac_address": "0000c00c0000", "online": "false", "rate": "Not configured" } ]

I'm now trying to write an AJAX call to that PHP function, iterate through the JSON array, and display it in the browser in non-JSON formatting. My AJAX code looks like the following:

$.ajax({ url: 'data.php', type: 'POST', dataType: 'json', success: function(output) { $.each(output, function() { $.each(this, function(key, value){ alert(key + " --> " + value); }); }); } });

My issue is that code is currently displaying alert boxes that show the individual characters within the array like such: 0 --> [ , 0 --> , 0 --> { ... etc etc

Is there a problem with how I'm passing the data using json_encode(); and dataType: 'json' or does the issue resolve with how I'm iterating through the array?

Thanks.

Improve this question
1
  • if the file contents at "dev.externalserver.net/directory" contain a JSON encoded string, why not just have your ajax get the string directly from that link instead of making an extra trip back to your server? Commented Jun 24, 2011 at 20:40

4 Answers 4

Reset to default
7

Other responders missed the sneaky but still obvious bit, that what's coming back from the resource being polled in the PHP is probably already valid JSON, and re-encoding it is causing the browser to interpret it merely as a string. In this case, the javascript never had a chance.

Remove the json_encode() bit in the PHP and just echo what comes back, and see if that doesn't improve things.

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

Comments

2

I think your problem is the this in the second each. Try:

$.each(output, function(key, value) { $.each(value, function(key, value){ alert(key + " --> " + value); }); });
Improve this answer

1 Comment

This seemed to produce the same result in my output.
1 
var jsonArray = [ { "name": "Not configured", "mac_address": "1111c11c1111", "online": "false", "rate": "Not configured" }, { "name": "Not configured", "mac_address": "0000c00c0000", "online": "false", "rate": "Not configured" } ]; $.each(jsonArray, function() { for (var key in this) { if (this.hasOwnProperty(key)) { console.log(key + " -> " + this[key]); } } });
Improve this answer

2 Comments

This code seems to work in the example you showed above, however, when I try to implement the jQuery into the AJAX it continues to throw out '0 --> [' , '0 -->' , '0 --> {' to the console instead of the correct data. It's almost like the AJAX function isn't reading the array properly when its received from the PHP. Is there a problem with my PHP/AJAX using json_encode and dataType:'json'?
Two things: try adding header('Content-type: application/json'); to your PHP. Also, what does the data look like when you console.log(output)?
0

take a look at this

How do I loop through or enumerate a JavaScript object?

Improve this answer

1 Comment

How would such a loop work when I have multiple elements within multiple objects within a single array like I showed above?

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.