指定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不要出错,用类名的话,只需都换成类名即可。特别是脚本里的第二个地方,必须要有一个空格,你也可以不加空格测试看看。

刷新时间是毫秒单位。

时间: 2024-10-09 19:56:11

指定DIV局部刷新的简单实现,很简单,但是网上搜到的大部分都很复杂的相关文章

jQuery翻页yunm.pager.js,涉及div局部刷新

前端的翻页插件有很多,bootstrap的翻页界面看起来就不错,做起来也易于上手,但应用于项目中的翻页实现还有有几个难点,分别是: 如何封装一个翻页插件,如题中的yunm.pager.js. 涉及到的div局部刷新该如何做. 翻页的总体流程涉及到的知识点很多,这篇文章我们也主要来关注以上两点,其余的内容,请自悟. 一.如何定义局部刷新的div 翻页时,我们一般只会刷新页面中涉及到翻页的父级div,那么该如何定义呢? <form rel="support_deal_page" ta

jquery的div局部刷新

//div的局部刷新 $(".dl").load(location.href+" .dl"); 全页面的刷新方法 window.location.reload()//刷新当前页面. parent.location.reload()//刷新父亲对象(用于框架) opener.location.reload()刷新父窗口对象(用于单开窗口) top.location.reload()//刷新最顶端对象(用于多开窗口)

用iframe实现局部刷新的各种跳转方法(网上总结)

前提 1,2,3,4都是jsp/HTML页面,4是3的iframe,3是2的iframe,2是1的iframe,在4发送请求跳转页面的解决方案如下: 情况1.用JS的跳转 window.location.href.location.href 本页面跳转,页面4跳转 parent.location.href 上一层页面跳转,页面3跳转 top.location.href 最外层页面跳转,页面1跳转 情况2.用链接或者form 页面4中有form <form>: form提交后页面4跳转 <

(局部刷新)jquery.ajax提交并实现单个div刷新

web开发中我们经常会遇到局部刷新页面的需求,以前我经常使用ajax和iframe实现局部刷新,后来做政府的项目,对页面的样式要求比较多,发现使用iframe控制样式什么的很麻烦,所以就采用了新的办法,就是下面我们要说的ajax配合div局部刷新页面,其实很简单,下面我们就看一下这种刷新方式是如何实现的. jsp页面ajax代码如下: $("#waitWork").click(function(){ var url = "请求地址"; var data = {typ

jQuery 局部刷新(div刷新及全局刷新)

$(".dl").load(location.href+" .dl");  //div局部刷新 window.location.reload()  //刷新当前页面. parent.location.reload()   //刷新父亲对象(用于框架) opener.location.reload()  //刷新父窗口对象(用于单开窗口) top.location.reload()     //刷新最顶端对象(用于多开窗口) 原文地址:https://www.cnbl

Android listview局部刷新和模拟应用下载(zhu)

在android开发中,listview是比较常用的一个组件,在listview的数据需要更新的时候,一般会用notifyDataSetChanged()这个函数,但是它会更新listview中所有可视范围内的item,这样对性能肯定会有影响.比较常见的情景是android应用商店中的下载列表,当我们下载一款游戏的时候,只需要更新这款游戏对应的进度就可以了.本文就来模拟android应用商店的游戏下载,实现对listview的局部刷新,只实现一个简单的demo,不去真的下载文件.1. 首先来创建

Ajax原生的js(XMLHttpRequest对象)--实现局部刷新

AJAX 是一种用于创建快速动态网页的技术.(不用刷新整个页面和服务器通讯的方法 ) XMLHttpRequest对象:是对js的扩展,可以实现网页与服务器进行通信,通常把Ajax当做XMLHttpRequest对象的代名词. 客户端的语言一般是HTML,css,JavaScript:服务器端一般用PHP,jsp,ASP:中间传输的格式一般为HTML,xml,TXT,json:传输协议是http ajax需要某种格式化的格式在服务器和客户端之间传递信息,XML,JSON是常用的格式 DOM实现动

JQuery的Ajax请求实现局部刷新的简单实例

我要实现状态的更改,用JQuery的Ajax更改完之后图标发生改变,实现页面的局部刷新 原理:局部刷新是刷新页面的一部分,在此案例中实现的只是图标的改变,把后台代码和前台现实的图标分离,并不是对数据库重新做查询,二是后台数显数据修改之后,前台直接改变图标. 1.页面 给每条记录的图标一个唯一的id值: 代码如下: <td align="center">    <s:if test="messageState == 0"><img src

再谈ajax局部刷新

前言:所谓"学而不思则罔.思而不学则殆",孔夫子说话就是有深意.之前我就发表了一篇极致ajax局部和整体刷新,同时又发表了jfinal与bootstrap的登录跳转实战.jfinal与bootstrap的登出实战,但是经过近来的实战和改进,发现上一次的做法并不优秀,用起来很笨拙,不顺手,而这一次的方案,恰好就解决了这个问题. 案例: 描述: 1. 点击登录则弹出登录对话框 2. 如果用户名密码不正确,则提示错误信息 3. 当输入信息正确,则刷新登录信息,显示用户名和退出按钮 4. 点击