javascript - PHP/HTML/MySQL 数据库查询，具有多个搜索参数并显示结果

Question

我正在使用 html 构建自定义零件构建器表单，所有元素都在 MySQL 上。表单上有多个下拉菜单和按钮以及一个文本输入框。我想知道如何连接表单来查询MySQL数据库，然后将页面上的元素显示在一个框中。我想将查询结果显示在表单下的一个框中。

Answer 1

通过使用 AJAX，您可以与服务器上的 PHP 文件进行通信。然后，这可以进行 MySQL 查询并回显您想要从数据库接收的数据。 然后，您可以使用 JavaScript 格式化此返回值并更改 innerHTML您的盒子 <div> .

HTML

<form>... Your form ...</form>
<div id="yourDiv"></div>

JavaScript

var request = $.ajax({
    url: "LINK_TO_YOUR_PHP_FILE.php",
    type: "post",
    data: YOUR_PARAM_DATA_FROM_HTML_FORM
});

request.done(function (response) {
    // Do something with the response...
    document.getElementById("yourDiv").innerHTML = response;
});

PHP

$conn = new mysqli("localhost", "DB_USERNAME", "DB_PASSWORD", "DB_NAME");
$sql = "SELECT * FROM your_table WHERE ...";
$result = $conn->query($sql);

while($row = $result->fetch_assoc()) {
   echo $row;
}

$conn->close();