gpt4 book ai didi

javascript - 如何在网页上检索时从数据库中追加数据?

转载 作者:行者123 更新时间:2023-11-28 04:03:45 25 4
gpt4 key购买 nike

每当我在文本框中输入一个 ID 号并单击扫描按钮时,我都会从数据库中获取数据,并以预定义的格式显示在文本框下方。现在,当我输入另一个 ID 并点击扫描时,检索到的新数据将替换旧数据。我希望它显示在页面上已有数据的下方。

    <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title> ShopNGo </title>
<link rel="stylesheet" type="text/css" href="style.css">

</head>
<body>
<header id="header">
<div class="container">
<form name="products" method="POST">
<br><br>
<button type="submit" name="scan" id="scan"> <h1> SCAN! </h1> </button>
<br><br><br>
<input type="text" name="id">
</form>
</div>
</header>
<div class="main">
<table border="0">
<?php
if (isset($_POST["scan"])) {

$servername = "localhost";
$username = "#";
$password = "#";
$dbname = "#";

$conn = mysqli_connect($servername, $username, $password, $dbname) or die("Connection Failed:" . mysqli_connect_error());
$query = "SELECT name, price, img FROM product WHERE id = $_POST[id]";
$result = mysqli_query($conn, $query);

if(mysqli_num_rows($result) > 0)
{
while($row = mysqli_fetch_assoc($result))
{
echo "<tr> <table border='0'> <tr>";
echo "<img src='$row[img]'>";
echo "<br>";
echo $row["name"];
echo "<br>";
echo $row["price"];
echo "</tr> </table> </tr>";
}
}
mysqli_close($conn); }
?>
</table>
</div>
</body>
</html>

请帮帮我!!

此外,如果你能提出一些改进现有代码的建议,而不是我要求的,那将是一个很大的帮助......非常感谢!

最佳答案

使用 ajax 将您的 id 发布到另一个检查 id 数据的 php 脚本,将 html 放入一个字符串变量中,然后在最后回显它。您可以使用 ajax 成功回调来附加数据

     $.ajax({
type: "POST",
url: url,
data: id,
success: function(data){
$('#targetDiv').append(data);
}
});

PHP脚本:

    $query = "SELECT name, price, img FROM product WHERE id = $_POST[id]";
$result = mysqli_query($conn, $query);

if(mysqli_num_rows($result) > 0)
{
while($row =
mysqli_fetch_assoc($result))
{
$element = "<tr> <table border='0'> <tr>";
$element .= "<img src='$row[img]'>";
$element .= "<br>";
$element .=$row["name"];
$element .= "<br>";
$element .= $row["price"];
$element .= "</tr> </table> </tr>";
}
}


echo $element;

关于javascript - 如何在网页上检索时从数据库中追加数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43056232/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com