如何从外部PHP文件中获取字符串,并在JavaScript中将其设置为var


How to get a string from external PHP file and set it as var in JavaScript

我原以为这很简单,但我无法实现。

我有两个档案。main.htmldata.php这两个文件位于服务器上的同一文件夹中。

我想从PHP文件中获取一个字符串,并在jQuery中使用它。在下面的示例中,我希望浏览器创建一个弹出窗口,文本为"xxxx"。我没有弹出窗口。

data.php

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

main.html

<!DOCTYPE html>
<html>    
    <head>      
        <script type="text/javascript" src="scripts/jquery-1.11.1.js"></script>
        <script>
            $(document).ready(function() {
                var testString = <?php $var = json_decode(file_get_contents('data.php'), true); echo $var; ?>;
                alert(testString);
            });
        </script>
    </head>
    <body>
        <h1>Test</h1>
    </body>
</html>

有人接电话吗?

<!DOCTYPE html>
<html>
    <head>
        <script>
            $(document).ready(function() {
                $.ajax({
                    url:"data.php",
                    success:function(result){
                        alert(result);
                    }
                });             
            });
        </script>
    </head>
    <body>
        <h1>Test</h1>
    </body>
</html>

这方面的第一个问题是,在许多服务器上,.html没有被解析为PHP

第二个问题是file_get_contents实际上会显示.php文件(包括<?php)的全部内容,这可能不是您想要的。

相反,我会使用AJAX请求,例如http://api.jquery.com/jquery.get/

为此,您需要在<head> 中包含jQuery

您应该在html启动之前获得php数据,如下面的

<?php
$var = json_decode(file_get_contents('data.php'), true);
?>
<!DOCTYPE html>
<html>    
    <head>      
        <script>
            $(document).ready(function() {
                var testString = <?php echo $var; ?>;
                alert(testString);
            });
        </script>
    </head>
    <body>
        <h1>Test</h1>
    </body>
</html>