从PHP脚本到HTML脚本获取变量?

时间:2016-05-13 16:35:16

标签: javascript php

所以我有一个index.html,下面的代码如下。我想得到变量" variableFromMyPHPscript"从我的GetVariable.php文件到我的index.html。

    <!doctype html>
<html>

<head>
    <meta charset = "utf-8">  
</head>

<body>
        <p>Random Text....</p>
</body>

</html>

<script>

      console.log(variableFromMyPHPscript);

</script>

这是我的PHP脚本(GetVariable.php),它使用json从我的数据库中获取一个值,以便它可以存储为变量。

    <script>

   var variableFromMyPHPscript = <?php

           $link = mysqli_connect('....', '....', '....', '....');
           $query = "select * from thunderDemo";
           $result = mysqli_query($link, $query);

           while($row = mysqli_fetch_array($result))
           {
                   if($row["ThunderOrNot"] == 'Thunder')
                   {
                       echo json_encode("Thunder1");
                   }
           }

                mysqli_close($link); 
           ?>;

</script>

那么我将如何获得&#34; variableFromMyPHPscript&#34;的价值?从我的PHP文件到我的HTML文件,以便我可以将它与HTML文件中的JavaScript一起使用?谢谢你的帮助!

2 个答案:

答案 0 :(得分:0)

所以我不确定你是否完全意识到这一点,但PHP通常要么输出HTML(因为PHP文件可以包含HTML),但这是一种较旧的做事方式。更好的方法是使用某种MVC设计模式,您可以在其中指定从控制器等接收数据的视图。

如果你只是在寻找一个快速而又脏的修复方法来将数据从php脚本转换为HTML,那么上面提到AJAX的评论可能是你最好的选择。我会在frotnend上使用类似JQuery的东西来对PHP文件发出AJAX请求并以HTML格式显示数据/这里有一个如何做到这一点的好链接:

Ajax tutorial for post and get

答案 1 :(得分:0)

最简单的方法是使用 index.php 文件,在其中将结果编码为JSON并将其回显给HTML / JS,如:

<强>的index.php

<?php
       $link = mysqli_connect('....', '....', '....', '....');
       $query = "select * from thunderDemo";
       $result = mysqli_query($link, $query);
       $content = '';          

       while($row = mysqli_fetch_array($result))
       {
               if($row["ThunderOrNot"] == 'Thunder')
               {
                   $content .= "Thunder1";
               }
       }

            mysqli_close($link); 
?>
<!doctype html>
<html>

<head>
    <meta charset = "utf-8">  
</head>

<body>
        <p>Random Text....</p>
</body>

</html>
<script>
      var variableFromMyPHPscript = "<?php echo json_encode($content); ?>";
      console.log(variableFromMyPHPscript);

</script>