用Ajax+js+jQuery实现无闪烁定时刷新页面定时刷新

本人想在一个JSP页面上显示一个消息模块，这个消息需要定时更新，请问大家如何用Ajax+js+jQuery实现无闪烁定时刷新页面功能。本人使用的js框架是jQuery。

先说思路，那就是在前端用 js setInterval 函数每隔30秒时间请求一次通知结果然后返回给前端 html 标签实现无刷新更新通知，我想本网站跟知乎的通知应该都是这个逻辑。下面是代码

 /*第一次读取最新通知*/setTimeout(function() {Push();},200);/*30轮询读取函数*/setInterval(function() {Push();},30000);/*请求函数的ajax*/function Push() {$.ajax({type: "POST",url: "/index.php?s=Push&a=index",data: {t: 3},beforeSend: function() {},success: function(data) {var obj = eval("(" + data + ")");// alert(obj.sixin);if (obj.sixin != 0) {$(".tongzhi").html(obj.sixin).show();} else {$(".tongzhi").html(0).hide();}}});

用Ajax+js+jQuery实现无闪烁定时刷新页面定时刷新相关推荐

取消ajax请求时页面闪烁,用Ajax+js+jQuery实现无闪烁定时刷新页面
你好你说的是轮询拉去服务端的信息,先说思路,那就是在前端用 js setInterval 函数每隔30秒时间请求一次通知结果然后返回给前端 html 标签实现无刷新更新通知,我想本网站跟知乎的 ...
jquery ajax提交 jquery post提交表单更新页面
jquery配合.net提交表单,在工作中可能会用到. 比如在表单一中输入id,在表单二中直接显示出来名字. 下面我们就来看看它的工作流程. 前台内容第一,首先要引用jquery不用多说. 第二,写 ...
js如何实现重定当前向页面并刷新?
一业务场景 ajax在success的回调函数中实现重定向当前页面,url拼接片段触发当前页面js.功能实现后发现可以重定向但并未触发js.手动刷新后成功触发js. window.location. ...
js刷新页面和刷新打开自己的父页面
1.用iframe.弹出子页面刷新父页面iframe 1 2 3 <script language=JavaScript> parent.location.reload(); </s ...
js刷新页面，刷新当前页
JS部分代码 <script>window.location.reload();//刷新当前页 </script>
html返回不刷新页面,js有什么办法返回上一个页面并不刷新代码
方法1:做成单页面,通过url hash或history.pushState来保持当前页面的状态,监听popstate事件方法2:在页面tab切换的时候的,通过history.replaceStat ...
用ajax技术实现无闪烁定时刷新页面
在Web开发中我们经常需要实现定时刷新某个页面:1.来保持session的值或者检查session的值是否为空(比如说防止同一用户重复登录):2.实现实时站内短信:3.定时更新页面数据等等.但是我们在 ...
php js页面刷新,JS刷新页面方法总结
这次给大家带来JS刷新页面方法总结,JS刷新页面的注意事项有哪些,下面就是实战案例,一起来看一下. JS刷新当前页面的几种方法总结reload 方法,该方法强迫浏览器刷新当前页面 replace 方法 ...
java页面强制刷新,JS关于刷新页面的相关总结
很多程序员无论是新手还是老的程序员都避免不了关于JS刷新页面的相关内容,在本文中我们整理了脚本之家总结的关于JS页面刷新的相关重要知识点文章,一起来跟着学习下. reload 方法,该方法强迫浏览器刷 ...

用Ajax+js+jQuery实现无闪烁定时刷新页面定时刷新

用Ajax+js+jQuery实现无闪烁定时刷新页面定时刷新相关推荐

最新文章

热门文章

用Ajax+js+jQuery实现无闪烁定时刷新页面 定时刷新

用Ajax+js+jQuery实现无闪烁定时刷新页面 定时刷新相关推荐

最新文章

热门文章

用Ajax+js+jQuery实现无闪烁定时刷新页面定时刷新

用Ajax+js+jQuery实现无闪烁定时刷新页面定时刷新相关推荐