php - Html 自动刷新表格

标签 php html ajax html-table partial-page-refresh

我写了这段简单的代码和这张连接到 mysql 数据库的表。它获取我插入数据库中的数据,我想要的是页面自动刷新,而无需刷新整个页面。
我的代码:

<html>
    <head>
        <title>Whats Up?</title>
    </head>
    <body>
        <a href="Register.php">Register</a> <a href="login.php">Login</a>


<?php
    mysql_connect('localhost', 'root');
    mysql_select_db('summerinstitute');
    $query="SELECT * FROM students";
    $result=mysql_query($query);
    echo "<table border=\"1\">";
    while ($row = mysql_fetch_assoc($result)) {
    echo "<tr>";
    echo "<td>";
    echo $row['fname'];
    echo "</td>";
    echo "<td>";
    echo $row['lname'];
    echo "</td>";
    echo "<td>";
    echo $row['username'];
    echo "</td>";
    echo "<td>";
    echo $row['Email'];
    echo "</td>";
    echo "</tr>";}
    ?>
    </body>
</html>

最佳答案

您需要使用 javascript 和一些 ajax 实现来仅刷新页面的一部分。

以 jQuery 为例:

php page1.php:

<html>
    <head>
        <title>Whats Up?</title>
    </head>
    <body>
        <a href="Register.php">Register</a> <a href="login.php">Login</a>
        <?php include_once('page2.php')?>
    </body>
</html>

php page2.php:

<?php
    mysql_connect('localhost', 'root');
    mysql_select_db('summerinstitute');
    $query="SELECT * FROM students";
    $result=mysql_query($query);
    echo "<table border='1' id='tableID'>";
    while ($row = mysql_fetch_assoc($result)) {
    echo "<tr>";
    echo "<td>";
    echo $row['fname'];
    echo "</td>";
    echo "<td>";
    echo $row['lname'];
    echo "</td>";
    echo "<td>";
    echo $row['username'];
    echo "</td>";
    echo "<td>";
    echo $row['Email'];
    echo "</td>";
    echo "</tr>";}
    ?>

page1.php 上的 Javascript(放在标题中):

<script type='text/javascript'>
   $(function(){
       $.get('page2.php',{},function(data){
           $('#tableID').replaceWith($(data));  
       });
   });
</script>

关于php - Html 自动刷新表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6521968/

相关文章:

javascript - 如何定期从数据库发出 Ajax 请求

php - 使用 PHP 查询更新数据库中的个人资料详细信息

jquery - 编辑页脚 FooTable

java - 如何使用正确的编码存储和检索 HTML?

html - 如何创建不同级别的粘性标题?

jquery - 当我点击删除链接通过 jQuery ajax 删除用户时,我的网址末尾总是出现 "#"

javascript - ajax 请求只是 html 文件的一个片段

php - 用于选择 url 的正则表达式,除非 = 直接位于其前面

php - 显示检索到的 JSON 内容时出错

php - debug_print_backtrace 不起作用