Passing php array back to javascript but only getting empty array

Question

0.00/5 (No votes)

See more:

I'm trying to pass a json_encoded array from php (which reads mysql and produces an array) to javascipt so I can use the array as input to a java chart. The problem is that the array is fine in the php part (I run nthe php separately and use echo and print_r to check the contents and is all fine). Immediately after the php code I have javascript which always gets an empty array.
I used several different attempts, all recommended as solutions on various forums and none of them work. Putting quotes around the call to get the array just echoes the command to my variable, anything else just returns empty.
My code (snip) looks like...

HTML

// Using json_encode puts the data into an array format that we can use in a javascript
$amJSONArray = json_encode($amData);

// Echo is for debugging only.
// echo $amJSONArray;


var chartData = "<?php print($amJSONArray); ?>";  // This just returns the literal in the speech marks
var chartData = '<?php print($amJSONArray); ?>';  // This also returns the literal in the speech marks
var chartData = <?php echo $amJSONArray ?>;       // This returns empty
var chartData = (<?php echo $amJSONArray ?>);     // This returns empty
alert(chartData);                                                                   // Returns empty - just showing the contents of the array if I do the json_encode within the php part
alert(<?php echo $amJSONArray ?>);                              // Returns empty - just showing the contents of the arra if I do the json_encode during the array fetch

Posted 21-Apr-13 8:44am

Member 10002953

Updated 22-Apr-13 10:01am

Prasad Khandekar

v3

Add a Solution

Comments

Prasad Khandekar 22-Apr-13 16:07pm

Please have a look at this doc (http://php.net/manual/en/function.json-encode.php).

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

z284122755 · Answer 1 · 2013-04-22T23:50:00

Hi,
if you want to achieve this function,you need to use ajax.
your php side(a.php)

PHP

	$amData=array(1,2,3,4);
	$amJSONArray = json_encode($amData);
	echo $amJSONArray;
?>

your js side(b.html)

JavaScript

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
	$(function(){
	      $.getJSON("a.php",function(result){
		  $.each(result,function(i,j){
			alert(j);//1,2,3,4
		  });
	      });
	})
</script>

try this,you will get the array from php side

Oso Oluwafemi Ebenezer · Answer 2 · 2013-04-23T03:48:00

Solution 2

If PHP is returning JSON, this should work

JavaScript

<script>
.
.
.
i = eval("(" + amJSONArray + ")");
.
.
.
</script>

Posted 23-Apr-13 3:48am

Oso Oluwafemi Ebenezer

Comments

enhzflep 23-Apr-13 13:20pm

Yup, JSON.parse is a better option though - avoids so much of the horror that eval can unleash.