Efficient way to Pass variables from PHP to JavaScript [duplicate]

Question

From time to time I have to pass some variables from PHP to JS script. For now I did it like this:

var js-variable = "<?php echo $php-variable; ?>"; 

But this is very ugly and I can't hide my JS script in .js file because it has to be parsed by PHP. What is the best solution to handle this?

Answer 1

If you don't want to use PHP to generate your javascript (and don't mind the extra call to your webserver), use AJAX to fetch the data.

If you do want to use PHP, always encode with json_encode before outputting.

<script>     var myvar = <?php echo json_encode($myVarValue); ?>; </script> 

Answer 2

Please use a rest/rpc api and pass json to your js. This can be done in the following way if you are using jquery:

rest.php

<?php echo "{name:biplav}" ?> 

Then From your js make a get call like this:

var js_var; $.get("rest.php", function(data) {          js_var=data; }); 

Thats the simplest example I can think of.