Jquery实现无闪烁定时刷新的代码
本文导语: 如何用Ajax+js+jQuery实现无闪烁定时刷新页面功能。 使用的js框架是jQuery。 代码如下： 代码示例: /*第一次读取最新通知*/ setTimeout(function() { Push(); }, 200); /*30轮询读...
如何用Ajax+js+jQuery实现无闪烁定时刷新页面功能。
使用的js框架是jQuery。
代码如下：
/*第一次读取最新通知*/
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();
}
}
});
参考：
function get_data()
{
$.ajax({
url: 'getjson.php',
success: function(data) {
$('.result').html(data);
}
});
}
setInterval("get_data()",3000);//3秒一次执行
评论：
$.ajax({
url: 'ajax/test.html',
success: function(data) {
$('.result').html(data);
}
});
http://api.jquery.com/jQuery.ajax/
您可能感兴趣的文章:
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。