如何在现有HTML文件中添加PHP语句(fromMySQL)的SQL结果

如何在现有HTML文件中添加PHP语句(fromMySQL)的SQL结果,php,html,mysql,Php,Html,Mysql,我有一个html文件,其中包含一个带有表行的表 <table style="width:auto"> <tr> <td contenteditable="true"><select id="so"></select></td> </tr> </table> 我有一个从mySQL数据库中选择并返回用户名的PHP if ($results->num_rows &g

我有一个html文件,其中包含一个带有表行的表

<table style="width:auto">
    <tr>
       <td contenteditable="true"><select id="so"></select></td>
    </tr>
</table>

我有一个从mySQL数据库中选择并返回用户名的PHP

if ($results->num_rows > 0) {
    // output data of each row
    while($row = $results->fetch_assoc()) {
        $name=$row["first_name"];
        echo "<option>
                 $name
              </option>";
    }
} else {
    echo "0 results";
}
if($results->num\u rows>0){
//每行的输出数据
而($row=$results->fetch_assoc()){
$name=$row[“first_name”];
回声“
$name
";
}
}否则{
回显“0结果”;
}
我试图将php的结果合并到表中的index.html文件中,以便该选项显示在表中

如何将PHP中的数据放入已构建的html表行中


任何帮助都将不胜感激。

对于这项工作,您应该使用ajax在html文件中加载数据

您可以使用javascript执行此操作: 创建用于加载php文件的函数:

function loadAjax(address,elementId) {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
     document.getElementById(elementId).innerHTML = xhttp.responseText;
    }
  }
  xhttp.open("GET", address, true);
  xhttp.send();
}
创建后,您可以在需要时使用它(例如,在加载页面之后)。您应该传递php文件的地址和希望答案加载到其中的html元素的id

如需了解更多信息:
这里可以使用两种方法。如果HTML和PHP在同一个文件中,则可以执行以下操作:

<?php
if ($results->num_rows > 0) {
    $options = ''; // declare the variable to hold the options
    // output data of each row
    while($row = $results->fetch_assoc()) {
        $name=$row["first_name"];
        $options .= "<option>$name</option>"; // add the options to the variable
    }
} else {
    $options = "0 results";
}
?>
另一个选择,尽管没有那么简洁,但是将PHP嵌入HTML中:

<table style="width:auto">
    <tr>
       <td contenteditable="true">
           <select id="so">
               <?php echo $options; ?>
           </select>
       </td>
    </tr>
</table>
<table style="width:auto">
    <tr>
       <td contenteditable="true">
           <select id="so">
    <?php
    if ($results->num_rows > 0) {
        // output data of each row
        while($row = $results->fetch_assoc()) {
            $name=$row["first_name"];
            echo "<option>
                     $name
                  </option>";
        }
    } else {
        echo "0 results";
    }
    ?>

           </select>
       </td>
    </tr>
</table>


还有一种选择是使用AJAX从HTML页面调用PHP,并将结果返回到正确的位置。例如,如果您想使用jQuery,您可以学习基础知识,然后将其应用到代码中。

完成工作的两种方法:-

1) 使用一个类,也就是说,你应该使用它的对象,你可以检索数据并在网页上使用它

看,它需要很多改进和改变,但仍然可以给你一些想法。我也在努力学好PDO,不是专业人士,但对你有帮助。对这门课的评论将帮助你了解这个想法


2) 使用AJAX,您可以在加载文档时请求此数据,也可以通过get、post、request来请求。。如果你知道ajax,你可以使用这个类和ajax,或者如果你对ajax没有概念,你可以获得很多学习ajax的资源。之后,如果你需要我的助手,我会尽力帮助你

您可以将结果放入您可以在表格代码中间回溯的对象中,或者使用类似于Ajax的东西来检索数据,并使用JavaScript将数据放入表格中。如果您想添加内容,在HTML页面已经被访问者加载之后,您只能使用异步JavaScript调用(Ajax)来完成该操作。请提供更多关于你想要什么的代码和解释。为什么OP要尝试这个?一个好的答案总是会有一个解释,说明做了什么以及为什么这样做,不仅是为了OP,而且是为了未来的访客。如果可能的话,它应该包括一个要使用的代码示例。为什么OP要尝试这个?一个好的答案总是会有一个解释,说明做了什么以及为什么这样做,不仅是为了OP,而且是为了未来的访客。如果可能的话,它应该包括一个要使用的代码示例。访问我要求访问的要点代码,该类包含一些关于它的注释。你应该在这里发布代码,以便为将来的访问者保留。如果代码太长,是否仍然建议在这里发布?可能不是,但是如果OP和其他访问者没有Git访问权限,他们将无法查看您的代码。如果没有必要,为什么他要混合HTML和PHP?他不必@PrafullaKumarSahu。我已经包括了一个AJAX教程,他可以用它来学习AJAX方法,然后应用到他们的情况中。结果是有不止一种方法来完成OP的要求。使用PDO和类来完成任务不是更好吗?很难确定OP使用哪个API来获取数据,并且并不总是需要实例化类来完成这些事情。我不是说有必要,我在问,使用原始代码狙击手还是类和对象更好?