我是PHP的新手,当我在XAMPP中使用SQL命令插入数据列表时,我想刷新HTML表。
这是index.php
,用于显示从数据库中提取的数据并将其显示在表中。
`<?php
include("connect_db.php");
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
table,tr,th,td{
border: 1px solid black;
border-collapse: collapse;
}
table{
width: 60%;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th> Data User Id </th>
<th> Date </th>
<th> Time</th>
</tr>
</thead>
<?php
$result = mysqli_query($conn, "SELECT * FROM data_table WHERE data_user_id = 1001 ORDER BY data_id DESC");
while ($res = mysqli_fetch_array($result)){
echo "<tr >";
echo "<td >".$res['data_user_id']."</td>";
echo "<td >".$res['data_date']."</td>";
echo "<td>".$res['data_times']."</td>";
echo "</tr>";
}
?>
</table>
</body>
</html>`
创建到数据库的连接。connect_db.php
<?php
$server_name = "localhost";
$username = "root";
$password = "";
$database = "user_db";
$path = $_SERVER['DOCUMENT_ROOT'];
$conn = new mysqli($server_name,$username,$password,$database);
if (!$conn){
die ('Connection Failed: '.mysqli_connect_error());
}
?>
它的显示是这样的。我想刷新表数据而不重新加载或点击按钮,当我在XAMPP中使用SQL命令添加一个数据列表。我看到很多参考从互联网上使用 AJAX 和JQUERY,但大多数使用按钮。我谦卑地请求您的帮助和代码参考。谢谢
2条答案
按热度按时间wa7juj8i1#
您可以使用 AJAX 重新加载表,而无需单击任何按钮..只需每x秒运行一次查询,但请注意,我不确定是否推荐这种做法....在js文件中:
j2datikz2#
使用jQuery AJAX 调用(单击按钮)获取最新数据,以重新加载表内容,而无需重新加载页面,并且不要直接在html中使用MySQL查询。
谢谢