Display PHP array variable inside Javascript code [closed]

Question

I have a php variable called $usershours that contains an array, and I want to echo it inside Javascript code. How do I do that?

I tried This, but it didn't work:

$usershours = "
data.addRow([ new Date(2012,4,1),50119]).+'<br>+'.
data.addRow([ new Date(2012,4,2),242575])";

<script type="text/javascript">
document.write($arrayholder);
</script>

I want the output to be like this:

data.addRow([ new Date(2012,4,1),50119]) 
data.addRow([ new Date(2012,4,2),242575])

PS - I need this format because This is the format that Google charts API accept to render charts correctly.

Answer 1

From what I gather, you want this code run by javascript on the client machine:

data.addRow([ new Date(2012,4,1),50119]) 
data.addRow([ new Date(2012,4,2),242575])

Simply:

<script type="text/javascript">
<?php 
$usershours = "
data.addRow([ new Date(2012,4,1),50119])
data.addRow([ new Date(2012,4,2),242575])";

echo $usershours;
?>
</script>

Answer 2

Though messing PHP with JS is far from an optimal approach, this will keep your code a bit tidier as well.

Let's pretend your data comes from an array [fetched from a database or a file] such composed:

$data = array(
    array("date" => "2012-04-01", "id" => 50119),
    array("date" => "2012-04-02", "id" => 242575)
);

Through json_encode($data) you get this output:

[
  { date : "2012-04-01", id : 50119},
  { date : "2012-04-02", id : 242575}
]

Now you know how to translate your data from a PHP structure to a Javascript one, it's just a matter of writing:

<script>

  var serverData = <?php echo json_encode($data) ?>;

  for(var i = 0; i < serverData.length; i++)
  {

     data.addRow([ new Date( serverData[i].date ), serverData[i].id ]);

  }

</script>

Granted that data.addRow() is a function declared somewhere in you JS code.

Answer 3

Simply use var arrayholder = <?php json_encode($usershours);?>; if arrayholder has to be output as string (and not as code)

Answer 4

General advice: do not try to render valid JavaScript from PHP. It will eventually bite you, some alternate solutions: embedding the data in an HTML element and extracting it via JavaScript and Ajax

Having said that

?>
(function () {
   console.log(<?= json_encode($phpVar); ?>);
}());
<?

is how I do it when I'm ok with shooting myself in the foot