指定DIV局部刷新的簡單實現,很簡單,但是網上搜到的大部分都很復雜


腳本部分:
<script type="text/javascript">
    $(function () {
        setInterval(function () {
            $("#autore").load(location.href + " #autore");//注意后面DIV的ID前面的空格,很重要!沒有空格的話,會出雙眼皮!(也可以使用類名)
        }, 8000);//8秒自動刷新
    })

</script>
刷新DIV部分:
<div id="autore">
            <div id="hr_left">
                <span>成績列表</span>
                <table class="hr_table">
                    <tr>
                        <th style="width: 70px;">試卷編號</th>
                        <th style="width: 100px;">試卷文件</th>
                        <th style="width: 70px;">平均得分</th>
                        <th>評委評分</th>
                    </tr>
                    <?php
                    $result = mysqli_query($conn, "select * from papers");
                    if (mysqli_num_rows($result) > 0) {
                        while ($row = mysqli_fetch_assoc($result)) {
                            echo "<tr><td>" . $row["p_num"] . "</td><td>" . $row["p_name"] . "</td><td>" . $row["p_average_score"] . "</td><td>";
                            if ($row["p_judge"] != " ") echo $row["p_judge"];
                            else echo "暫無評分";
                            echo "</td></tr>";
                        }
                    }
                    ?>

                </table>
            </div>
 </div>

 唯一需要注意的地方就是,DIV的ID不要出錯,用類名的話,只需都換成類名即可。特別是腳本里的第二個地方,必須要有一個空格,你也可以不加空格測試看看。

刷新時間是毫秒單位。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM