本文介绍如何使用jQuery实现每隔3秒自动刷新并显示消息接收数量的功能，包括代码实现和具体步骤。
今天,项目遇到一个消息的模块,在导航条最上面。想实现,当收到消息的时候能够及时的刷新,显示收到消息的条数.想了半天.想了2种方法,
1.利用struts2的Ajax标签.
2.利用jquery.
struts2有点麻烦,jquery比较简单用jquery了。
代码:实现每隔3S向服务器端获取数据。
然后赋值给要显示的那个dom对象里面。
$(function(){
run();
var interval;
function run(){
interval = setInterval(chat,"3000");
} // www.jbxue.com
function chat(){
$.post("searchMessage.action",{"mark":"receive","ajax":"ajax"},function(data){
$("span[name='mes']").html(data.num);
},"json");
}
$("#closeChat").click(function(){
clearTimeout(interval);
});
});
var interval;
function run(){
interval = setInterval(chat,"3000");
} // www.jbxue.com
function chat(){
$.post("searchMessage.action",{"mark":"receive","ajax":"ajax"},function(data){
$("span[name='mes']").html(data.num);
},"json");
}
$("#closeChat").click(function(){
clearTimeout(interval);
});
});
扫一扫
427
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
