Error in passing PHP associative array to JavaScript

Question

I'm trying to pass this associative array to JavaScript:

Array ( [0] => Array ( [topicid] => 38 [topic] => Dad ) [1] => Array ( [topicid] => 6 [topic] => What did you eat? ) [2] => Array ( [topicid] => 4 [topic] => What have you done? ) [3] => Array ( [topicid] => 43 [topic] => He ) [4] => Array ( [topicid] => 28 [topic] => I doubt it ) [5] => Array ( [topicid] => 10 [topic] => What made you feel good ) [6] => Array ( [topicid] => 12 [topic] => Say to yourself ) [7] => Array ( [topicid] => 29 [topic] => I doubt myself ) )

In PHP file:

$topicsjson=json_encode($topics);
echo "<script>var topicsjson = $topicsjson; </script>";

In JavaScript file:

document.write(topicsjson);

It gives me this result:

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Am I missing something here?

Nope, you miss nothing. topicsjson is an array of objects. The default string representation of objects is [object Object]. Since you are using document.write, all elements of the array are converted to strings. If you want to inspect the variable, then use the console and console.log. There is nothing wrong with your data, just the way you look at it. — Felix Kling
– Felix Kling, Commented Jun 12, 2012 at 0:47

creemama · Accepted Answer · 2012-06-12 00:47:56Z

4

Your PHP generates JavaScript like the following:

<script>var topicsjson = [{"topicid":38,"topic":"Dad"},{"topicid":6,"topic":"What did you eat?"},{"topicid":4},{"topic":"What have you done?"}]; </script>

Use two for loops to iterate over the contents of topicsjson.

var length = topicsjson.length;
for (var i = 0; i < length; i++) {
    for (var key in topicsjson[i]) {
        document.write(key + ": " + topicsjson[i][key] + "<br/>");
    }
}

Demo: jsFiddle

edited Jun 12, 2012 at 0:47

answered Jun 12, 2012 at 0:33

creemama

6,6753 gold badges23 silver badges26 bronze badges

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

3 Comments

Felix Kling Over a year ago

It's an array of objects. The way how to iterate over object properties is to use a for...in loop. This as nothing to do with arrays. If any, then arrays in JavaScript are actually objects. So don't get too confusing here ;)

creemama Over a year ago

@FelixKling Thanks for the feedback. I simplified my answer.

Ivan Wang Over a year ago

Thanks, well explained answer.

Thomas Fussell · Accepted Answer · 2012-06-12 00:26:09Z

2

Try this instead:

document.write(topicsjson.toString());

answered Jun 12, 2012 at 0:26

Thomas Fussell

4683 silver badges9 bronze badges

2 Comments

Felix Kling Over a year ago

That will give the same output. toString() is called implicitly.

Ivan Wang Over a year ago

sadly, @FelixKling is right. toString gives no different answers.

NoBugs · Accepted Answer · 2012-06-12 00:38:41Z

1

You could try this example, converting to XML, which can be parsed from Javascript.

edited Jun 12, 2012 at 0:38

answered Jun 12, 2012 at 0:28

NoBugs

9,35016 gold badges91 silver badges159 bronze badges

2 Comments

Ivan Wang Over a year ago

I heard that XML is horrible, but is it?

NoBugs Over a year ago

Horrible how? In addition to DOM representation using DOMParser, XML also has xpath, which can be pretty handy, I don't think there's an equivalent for JSON.

vz0 · Accepted Answer · 2012-06-12 01:49:43Z

0

Use the source, Luke. Don't read the contents of the variable with document.write. Using your web browser of choice, see the source code of the generated PHP file at this line:

echo "<script>var topicsjson = $topicsjson; </script>";

answered Jun 12, 2012 at 1:49

vz0

33k7 gold badges47 silver badges80 bronze badges

Collectives™ on Stack Overflow

Error in passing PHP associative array to JavaScript

4 Answers 4

3 Comments

2 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related