Question

我是PHP和Ajax的新手。在我的项目中，我需要更新一个html表（例如，表格的每一行都包含房间名称和当前房间温度。我需要以特定的间隔更新每一行的温度值）。

后端MySQL表将包含每个房间的当前温度值。该网页基于bootstrap3。行数由我的PHP代码动态生成。

如何以特定时间间隔更新这些值（每行）？

Answer 1

这就是

Jquery的

setInterval(function(){

    $.get("get_my_updated_values.php" , function(result){

    $("#my_table_tbody").html(result); // my_table_tbody is the id of the body of your table. 

    });

 }, 3000);

HTML

<table>
    <thead>
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
        </tr>
    </thead>
    <tbody id = "my_table_tbody">
        <tr>
            <td>Row 1 Data 1</td>
            <td>Row 1 Data 2</td>
        </tr>
</tbody>
</table>

PHP（get_my_updated_values.php）

<?php

// some php to retrieve the data from your database 

echo '<tr>
            <td>New data 1</td>
            <td>new data 2</td>
        </tr>';

?>

它会在每3秒后刷新一次...它确实你想要的东西......希望有所帮助

Answer 2

我使用以下内容更新网页的某些方面：

<div id="header-wrapper"><span class="pull-right label label-default" id="header-count"><?php echo $count; ?></span></div>


<script>
$(document).ready(function(){

    var $header = $("#header-wrapper");

    setInterval(function () {

        $header.load("test.php #header-count");

    }, 10000);
});
</script>

以特定间隔更新html表

2 个答案: