Reading php vars in js?

Question

I have a config file in PHP.

return array(
'window_width'      => 1000,
'window_height'     => 800
    //etc
);

How can I read these vars into my javascript? Should I echo them to the page, in perhaps a data attribute and pick them up from there? Or is there a better way?

score 2 · Accepted Answer · answered Jun 16 '14 at 16:50

2

<script>
   var settings = <?php echo json_encode($your_array); ?>;
   alert(settings.window_width);
</script>

answered Jun 16 '14 at 16:50

Marc B

356,200
43
426
500

I would have hoped a 187k rep user like you would have gone searching for the obvious dupe, rather than the easy rep points. – Matt Jun 16 '14 at 16:52
because searching for the dupes takes longer than actually typing out that code sample. – Marc B Jun 16 '14 at 16:54

score 0 · Answer 2 · answered Jun 16 '14 at 16:50

0

Echo them directly where you need them in javascript. You can echo a javascript object to reflect the data structure. Something like this should work:

var x = <?php echo '{window_width:"1000", window_height:"800"}'; ?>;

answered Jun 16 '14 at 16:50

hanleyhansen

6,304
8
37
73

score 0 · Answer 3 · answered Jun 16 '14 at 16:52

0

No. You should echo them to the page.

PHP runs on server, but JavaScript on client machine, browser. In PHP you should echo something like this:

<?php
echo('<script>var myvar = '.$myvar.';</script>');
?>

answered Jun 16 '14 at 16:52

tensojka

302
1
5
20

Reading php vars in js?

3 Answers3