用Javascript代码获取PHP变量

Question

I'm trying to use PHP variables in Javascript but I couldn't. After over 2000 lines of writing different JS functions I was fine avoiding that but now I really needed it. I'm a bit lost on all the ways to go about this but nothing really worked. Here is my sequence:

index.html file:

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

myfunctions.js file:

....
function test() {
    var x = <?php echo $_conf['user_id'];?>
    console.log(x);
}

I was trying to rename the .js file into .php file and add

header("Content-type: text/javascript");

at the beginning - that didn't work. I was trying to make .htaccess file with

AddType application/x-httpd-php .js

But that didn't work either. I'm probably missing just a tiny thing. I just need someone fresh and bright to point it out.

Answer 1

您可以在JS代码中执行类似的操作。

var php_var = "<?php echo $_conf['user_id'];?>"

Answer 2

You're not assigning PHP value to a Javascript variable. Try:

var v = "<?php echo $_conf['user_id'];?>";

Answer 3

Your javascript file should be named as "javascript.php" (just put the name you want, the only important thing is the .php

You have an index.php

Write in your index.php

include("javascript.php");

Then in your javascript.php

<script>
function test(){
     var variable = "<? echo $conf['user_id'] ?>";
     alert(variable);
}
<script>

PS: Yo don't need any header.

Answer 4

Since you're doing this via a <script> tag, your PHP script MUST output valid Javascript code, as if you'd literally type your variable assignment in manually. That means doing something like:

HTML/JS:

<script src="myscript.php"></script>

PHP:

<?php
$myvar = 'foo';
?>

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

Which in the end, will produce somethign that will function exactly as if you'd manually typed in the following:

<script>
var myvar = 'foo';
</script>

Note the use of json_encode() . Using this ensures that whatever you're outputting from PHP will become syntactically valid Javascript.

Answer 5

index.html

 ..
<script src="myfunctions.js.php" />
 ...

myfunctions.js.php

<?php
header('Content-Type: text/javascript');
 ...
?>
var val = <?php echo json_encode($val); ?>;
 ...

Answer 6

Other possible solution is to assign server-side data to attributes in html and read them in javascript. For example index.html could contain something like this:

<div id="user-profile" data-user-id="<?php echo $conf['user_id']; ?>"></div>

and in js file you can get them while necessary(example with jQuery):

var userID = $('#user-profile').attr('data-user-id');

Of course you should adjust your server-side settings to process html files.