Question

我想在html5上插入php

复制代码

<!DOCTYPE html>
<html lang = "en-US">
 <head>
 <meta charset = "UTF-8">
 </head>
 <body>
    <div id="result"> </div> 

  <script>
if(typeof(EventSource) !== "undefined") {
    var source = new EventSource("do_dropdown.php");
    source.onmessage = function(event) {
        document.getElementById("result").innerHTML += event.data + "<br>";
    };
} else {
    document.getElementById("result").innerHTML = "Sorry, your browser does not support server-sent events...";
}
</script>
 </body>
</html>

我的do_dropdown.php只是从下拉列表中选择数据 enter image description here

但它没有显示任何内容。我错过了什么？

Answer 1

为什么不试试这个？我认为，即使您使用的是HTML5，也不会产生任何问题。注意::它应该是.php扩展名文件

    <html>
    <body>
            <?php
                    ....your code
                    ....from file <do_dropdown.php>
            ?>
    </body>
    </html>

你也可以创建一个函数并从这里调用它。

Answer 2

对我来说，正确的事情是这样做的是将您的选项数据作为JSON发送，并使用JS将其解析为所需的下拉列表

为了适合您的情况的简单解决方案，假设这是您的PHP代码：

//file name: do_dropdown.php
<?php
  $options = [1,2,3,4,5];
  echo '<select name="name">';
  foreach $options as $option{
     echo "<option value=$option>$option</option>";
  }
  echo '</select>';
?>

因此您需要将您的html文件更改为PHP文件（file.html - ＆gt; file.php）并确保您在其上运行PHP服务器（您正在使用的localhost）

<div id="result">
  <?php
    require_once "do_dropdown.php";
  ?>
</div>

对此有更好的解决方案，但我想你的新生意如此好运：）

如何在html5上插入php

2 个答案: