将PHP变量传递给JavaScript以在jQuery.ajax中使用

Question

我想将变量从PHP传递到JavaScript以在我的jQuery.ajax -call中使用它。 我已经尝试了很多东西，但是没有成功。

这是我当前的代码：

 $( document ).ready(function() { function getLog() { ms = Date.now(); var chatlink = "<?php echo $clink; ?>"; $.ajax({ url: chatlink+ms, dataType: 'text', success: function(text) { $("#chat").text(text, "<br />"); setTimeout(getLog, 500); // refresh every half second } }) } // some more code here <?php $clink = 'foo.php'; ?> 

Answer 1

如何将PHP变量传递给JavaScript

建议：

将必须使用PHP生成的内容作为全局变量进行部署，并在脚本中使用它们以保持源代码的干净。

---

PHP文件中的HTML

<?php
error_reporting(-1);
$foo     = 'bar';                          #1
$arr_foo = array( 'bar', 'baz', 'blong' ); #2
$arr_js           = array();               #3 | start collection
$arr_js['foo']    = $foo;                  #3 | extend collection ...
$arr_js['arrFoo'] = $arr_foo;              #3
$arr_js['null']   = null;                  #3
$arr_js['bool']   = true;                  #3
$arr_js['int']    = 0;                     #3
$arr_js['float']  = 0.123;                 #3

echo "<script>

/* make sure to declare your name space if you haven't already */
window.yourApp = window.yourApp || {};

/* #1 deploy your PHP variable as markup
don't forget to wrap variables properly if nessecary */
window.yourApp.foo = '$foo';

/* #2 if you are not sure if the PHP variable contains signs that must be escaped 
or have a non primitive type such as arrays then JSON is there to the rescue */
window.yourApp.arrFoo = " . json_encode( $arr_foo ) . ";

/* #3 if you have a lot of vars that you want to transfer to your JS you could
also collect them in an assoziative array and then deploy them all in one
as described above */
window.yourApp = " . json_encode( $arr_js ) . "; /* most convenient way IMHO */

console.log( window.yourApp );

</script>";

JavaScript文件

console.log( window.yourApp );

---

如何通过ajax获取PHP变量？

JSON编码的PHP数组在PHP文件中

<?php $arr_js = array(
    'foo' => 'bar',
    'arrFoo' => array( 'bar', 'baz', 'blong' ),
    'null' => null,
    'bool' => true,
    'int' => 0,
    'float' => 0.123,
    'two way magic :)' => $_POST['yourApp']['coming from sender']
);
echo json_encode( $arr_js );
// lets assume the name of this file is "ajax-json.php"

JavaScript文件

// must be located in the same directory as "ajax-json.php" in this setup
// make sure jQuery is available!
jQuery.ajax({
    method: 'POST',
    url: 'ajax-json.php',
    dataType: 'json',
    data: {yourApp: {'coming from sender': 'pure awesomeness'}},
    success: function( response ) {
        console.log( response )
    }
})

---

参考文献

• json_encode（）
• JSON格式
• jQuery.ajax（）

---

上面的说明实际上是编辑！

请参阅下面的代码片段，这是标记为已接受的原始答案。

 <!-- HTML in a PHP file --> <?php $clink = 'foo.php'; ?> <script> $( document ).ready(function() { function getLog() { ms = Date.now(); var chatlink = "<?php echo $clink; ?>"; $.ajax({ url: chatlink+ms, dataType: 'text', success: function(text) { $("#chat").text(text, "<br />"); setTimeout(getLog, 500); // refresh every half second } }) } } </script>