Question

从问题的标题来看，我正在尝试实时更新MySQL表中的HTML表。该网页意味着永远不会使用刷新按钮关闭或刷新。

据我所知，Ajax可以帮助我解决这个问题，但我在网上搜索并找不到一个合适的例子，可以将它与表格一起使用。

我正在创建一种数字菜单，允许餐厅的顾客在线订购食物，并允许经理查看顾客订购的食物。

我想实时做到这一点，以便餐厅经理可以跟踪餐桌上的食物。

我目前正在使用一个确定食物是否已送达的勾选框。问题是，每次页面刷新时，勾选框都会自动取消，以便接收任何新数据（如果有的话）（我使用的是每隔5秒刷新一次的元标记）。

下面是我的代码，用于显示MySQL中数据库中收集的数据中的HTML表格。

<html>

<head>
      <title>See and delete data in MySQL Database</title>
	  <meta http-equiv="refresh" content="5" >
   </head>
 <body>
 <form method = "post" action = "delete_data.php">
				<input name = "remove" type = "submit" id = "remove" class="remove" name="remove" value = "Clear table">
		</form>
<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "test";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 

$sql = "SELECT number_d, food_d, quantity_d, table_d FROM food_to_serve";
$result = $conn->query($sql);

echo "<table border='1'>
		<tr>
	    <th>Number</th>
	   	<th>Food</th>
		<th>Quantity</th>
		<th>Table</th>
		</tr>";

if ($result->num_rows > 0) {
    // output data of each row
    while($row = $result->fetch_assoc()) 
	{
    echo "<tr>";
	echo "<td>" . $row['number_d'] . "</td>";
	echo "<td>" . $row['food_d'] . "</td>";
	echo "<td>" . $row['quantity_d'] . "</td>";
	echo "<td>" . $row['table_d']. "</td>";
	echo "<td> <form action=\"\" method=\"get\">
		 <input type=\"checkbox\" name=\"food_status\" value=\"food_stat\">Reached table<br>
		 </form> </td>";
	echo "</tr>";
    }
} else {
    echo "0 results";
}

echo "</table>";

$conn->close();
?>
	</body>
</html>

实时从MySQL表自动更新HTML表

0 个答案: