本人想在一个JSP页面上显示一个消息模块,这个消息需要定时更新,请问大家如何用Ajax+js+jQuery实现无闪烁定时刷新页面功能。本人使用的js框架是jQuery。
先说思路,那就是在前端用 js setInterval 函数每隔30秒时间请求一次 通知结果然后返回给 前端 html 标签 实现无刷新 更新通知,我想本网站跟知乎的通知应该都是这个逻辑。下面是代码
/*第一次读取最新通知*/
setTimeout(function() {
Push();
},200);
/*30轮询读取函数*/
setInterval(function() {
Push();
},0)">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();
}
}
});