php无闪动刷新,简单的无闪动刷新页面/部分内容

页面需要定时刷新显示实时数据，直接location.refush会很明显的闪动页面，体验不好，其实可以用pjax的，但是这里只用一次就不那么麻烦了，来个简单的

下面的js放在上面的最后一个script标签里面，因为这里markdown两个放一块会乱格式

$(function () {

setInterval(reflush, 5000)// 定时5秒刷新一次

})

function reflush() {

$.get(location.pathname, function (data) {

// 该例子无需执行返回的js，如果需要执行可使用jquery的html()，而不是innerHTML

$("#tmp")[0].innerHTML= data // 不加载执行js, 查找资料说可以使用jquery的parseHTML的，但是我这里报未定义函数，暂不深究了

$("#data").html($("#tmp").find("#data").html()) // ajax返回的html页面内容临时放入tmp中，方便获取指定dom节点。替换掉原来界面的数据

$("#tmp")[0].innerHTML = ""

})

}

此时就可以无感知刷新页面了

php无闪动刷新,简单的无闪动刷新页面/部分内容相关推荐

php相册源码无数据库,EasyImage|简单强大无数据库的PHP图床源码
EasyImage是一款简单强大无数据库的PHP图床. 支持多文件上传.远程上传.api上传,简单无数据库,直接返回图片url,markdown,bbscode,html等代码. js不要设置分片上传 ...
QRadioButton分组且无边框的简单实现
最近在用QT+VS2008做一个项目,涉及到一个综合测评表,说白了有点像问卷调查--很多题目每题若干个选项. 初始时打算用下拉框,每个框中填入所有选项,但后来一琢磨这种方式不够直观与人性化,增添了一步 ...
ajax无刷新留言板远吗,php+ajax制作无刷新留言板，phpajax刷新留言板_PHP教程
php+ajax制作无刷新留言板,phpajax刷新留言板本文就是和大家分享一款由php结合ajax实现的无刷新留言板,先给大家看一下最后的效果图: 数据库连接代码如下: index.php文件代码 ...
【PC工具】如何简单粗暴无脑的解方程
都2020年了(二十一世纪快中叶了): 信息时代这么多年了,已经进入云计算时代了: 电脑都会下围棋了: 火箭都能回收了: ... 那么问题就来了:我们是不是还要用手解方程呢?电脑能不能给爷(我)解方 ...
linux卸载android studio,mac上完整卸载删除.简单粗暴无脑:androidstudio删除方案
如果你是mac ,你删除as ,删不干净也正常,你会发现安装的时候,前面的东西也在.配置文件在,会导致你以前的错误不想要的东西都在. 废话不多说,复制粘贴就是干!!!!~~~~~~~~ 第一步: 复 ...
常见的简单的无监督学习算法总结
本文仅对常见的无监督学习算法进行了简单讲述,其他的如自动编码器,受限玻尔兹曼机用于无监督学习,神经网络用于无监督学习等未包括.同时虽然整体上分为了聚类和降维两大类,但实际上这两类并非完全正交,很多地方 ...
【正版软件】Navicat Monitor 实时数据库监控工具，一套安全、简单而且无代理的远程服务器监控工具。
简言 Navicat Monitor 是一套安全.简单而且无代理的远程服务器监控工具.它具有强大的功能使你的监控发挥最大效用.受监控的服务器包括 MySQL.MariaDB 和 SQL Server, ...
魅族版本追书神器简单清洁无广告还有源目录可以更改
https://pan.baidu.com/s/1gSA3qe8UGbx7SmIvtYMOFg 魅族版本追书神器简单清洁无广告还有源目录可以更改
单键鼠控制多台电脑：无界鼠标简单教程
https://www.bilibili.com/read/cv16470540 事情的起因是这样的,我在实验室有一台台式电脑,还有一个笔记本. 但是我只有一套好用的键盘鼠标.此前使用的时候,一般都是 ...

php无闪动刷新,简单的无闪动刷新页面/部分内容

php无闪动刷新,简单的无闪动刷新页面/部分内容相关推荐

最新文章

热门文章