How to echo a PHP variable in JavaScript?

Question

I need to echo a PHP variable into JavaScript. But I have no experience about JavaScript, I did some research but nothing worked for me.

The code

 function hide() {
   document.getElementById("myDiv").style.display="none";
   <?php echo $myVar; ?>
 }

And the $myVar looks like:

$myVar = "Hi there";

score 0 · Accepted Answer · answered Dec 29 '13 at 11:33

0

you can do like this in js :

var php_val = '<?php echo $myVar; ?>';
 alert(php_val);

answered Dec 29 '13 at 11:33

Mahmood Rehman

4,303
7
39
76

Tried this to, but the button not works then. – eklundkristoffer Dec 29 '13 at 11:45
if you are changing the js value after page load then it didn't work.Before page load it have to work. – Mahmood Rehman Dec 29 '13 at 11:46

score 0 · Answer 2 · edited Jan 28 '18 at 23:23

0

<?php $var="blah"; ?>
 <script type="text/javascript">
 alert('<?php echo $var ?>');
 </script>

edited Jan 28 '18 at 23:23

halfer

19,824
17
99
186

answered Dec 29 '13 at 11:35

r3wt

4,642
2
33
55

Tried this to, but nothing happens as well when it loads finish. – eklundkristoffer Dec 29 '13 at 11:43

score 0 · Answer 3 · answered Dec 29 '13 at 11:35

0

use this

$myVar = 'var myVar="Hi here"'

or

function hide() {
   document.getElementById("myDiv").style.display="none";
   var myVar='<?php echo $myVar; ?>'
 }

answered Dec 29 '13 at 11:35

Stark

31
3

Tried this, but nothing actually happens after it loading finish. :( – eklundkristoffer Dec 29 '13 at 11:43

score 0 · Answer 4 · answered Dec 29 '13 at 11:47

There is 2 ways to write PHP variable in javascript:

First Way:

JavaScript written in the php page or inline:

EX:

<?php 
   $myVar = 'hello';
?>
....
<script>
function hide() {
   document.getElementById("myDiv").style.display="none";
   <?php echo $myVar; ?>
}
</script>

Second way:

Put your variables on the top of your page, like baseUrl for example, and use it in separated JavaScript file but you have to write the variables before load JavaScript files.

EX:
<head>
<script>
    var baseUrl = <?php echo $thisPageUrl; ?>
</script>
</head>
....

<script src="myscriptfile.js"></script>

How to echo a PHP variable in JavaScript?

4 Answers4