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

1hdlvixo  于 2022-01-02  发布在  PHP
关注(0)|答案(2)|浏览(215)

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

wa7juj8i

wa7juj8i1#

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

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

j2datikz2#

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

相关问题