Get Variable from .PHP File and echo it in a .JS File

Question

Hello Stackoverflow Users,

I hope you can help, basically say I have a PHP File with a variable, lets say domain.com/forum/myname.php - In that myname.php file is:

$myname = "jake";

Now, I have a JS File at domain.com/forum/js/template.js

How would I get this PHP Variable into the JS File? I know once I have the PHP Variable I could do

var string = $myname;

and then use string wherever I want it to display, but the matter is how do I transfer it from PHP to the JS File?

I have seen other questions relating to this, but not one offers a clear explanation on how to do it?

Thanks.

You can set your variable $myname before calling external js file — Mohammad Kermani
– Mohammad Kermani, Commented May 20, 2014 at 12:54

Raggamuffin · Accepted Answer · 2014-05-20 12:52:56Z

3

You would have to request your JS file through the PHP parser, and get PHP to output the correct content type text/javascript, then in your JS file you would do

var string = <?php echo $myname ?>;

or if you turn short_open_tags on then you can just do:

var string = <?= $myname ?>;

answered May 20, 2014 at 12:52

Raggamuffin

1,7601 gold badge10 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Daan · Accepted Answer · 2014-05-20 12:54:10Z

0

Try this:

index.php

$var = "hello world";
<script>
var phpVar = "<?php echo $var; ?>";
</script>

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

in your jsfile.js :

alert(phpVar);

answered May 20, 2014 at 12:54

Daan

12.3k6 gold badges36 silver badges51 bronze badges

Comments

Manibharathi · Accepted Answer · 2014-05-20 12:55:11Z

0

declare myname variable as a global js variable. If you declare like this you can access any where in webpage files.

In myname.php file :

<script>
window.myname = <?php echo $myname;?> // declare as global variable
</script>

In Js File :

var myname = window.myname;

answered May 20, 2014 at 12:55

Manibharathi

9456 silver badges18 bronze badges

2 Comments

user3615703 Over a year ago

Hi Manibharathi, Thanks for your answer, however, when I try and show the var "myname" it comes up as undefined instead of showing the value

Manibharathi Over a year ago

@user3615703 include the js file after declare the window.myname.

mrpotocnik · Accepted Answer · 2014-05-20 12:57:49Z

0

One approach I have taken in the past is something like this:

in my js:

var myVal;

function init(val) { myVal = val; }

in my php:

<script>
....
var theVal = "<?=$phpVal?>";
init(theVal);
</script>

answered May 20, 2014 at 12:57

mrpotocnik

1,1511 gold badge10 silver badges16 bronze badges

1 Comment

user3615703 Over a year ago

Hi mrpotocnik, Same Again, I tried this and when I try to show the var "theVal" - its coming up as undefined :(

Collectives™ on Stack Overflow

Get Variable from .PHP File and echo it in a .JS File

4 Answers 4

Comments

Comments

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related