使用PHP更新HTML表而无需重新加载页面或单击按钮

1hdlvixo 于 2022-11-27 发布在 PHP

关注(0)|答案(2)|浏览(267)

我是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，但大多数使用按钮。我谦卑地请求您的帮助和代码参考。谢谢

Html

来源：https://stackoverflow.com/questions/74571636/update-html-table-without-reloading-the-page-or-click-button-using-php

2条答案

按热度按时间

wa7juj8i1#

您可以使用 AJAX 重新加载表，而无需单击任何按钮..只需每x秒运行一次查询，但请注意，我不确定是否推荐这种做法....在js文件中：

setInterval(function(){ 
//send your ajax request every 15 second  
 }, 15000);

赞(0）回复(0）举报 2022-11-27

j2datikz2#

使用jQuery AJAX 调用（单击按钮）获取最新数据，以重新加载表内容，而无需重新加载页面，并且不要直接在html中使用MySQL查询。
谢谢

赞(0）回复(0）举报 2022-11-27

我来回答

使用PHP更新HTML表而无需重新加载页面或单击按钮

2条答案

相关问题

热门标签

最新问答