简单的代码实现jquery定时器
更新时间:2013年11月17日 17:27:34 作者:
当收到消息的时候能够及时的刷新,显示收到消息的条数,下面与大分享下使用简单的代码实现jquery定时器
简单的代码实现jquery定时器.
今天,项目遇到一个消息的模块,在导航条最上面.想实现,当收到消息的时候能够及时的刷新,显示收到消息的条数.想了半天.想了2种方法,
1.利用struts2的Ajax标签.
2.利用jquery.
struts2有点麻烦,jquery比较简单用jquery了.下面贴上代码:实现每隔3S向服务器端获取数据.然后赋值给要显示的那个dom对象里面.
$(function(){
run();
var interval;
function run(){
interval = setInterval(chat,"3000");
}
function chat(){
$.post("searchMessage.action",{"mark":"receive","ajax":"ajax"},function(data){
$("span[name='mes']").html(data.num);
},"json");
}
$("#closeChat").click(function(){
clearTimeout(interval);
});
});
今天,项目遇到一个消息的模块,在导航条最上面.想实现,当收到消息的时候能够及时的刷新,显示收到消息的条数.想了半天.想了2种方法,
1.利用struts2的Ajax标签.
2.利用jquery.
struts2有点麻烦,jquery比较简单用jquery了.下面贴上代码:实现每隔3S向服务器端获取数据.然后赋值给要显示的那个dom对象里面.
复制代码 代码如下:
$(function(){
run();
var interval;
function run(){
interval = setInterval(chat,"3000");
}
function chat(){
$.post("searchMessage.action",{"mark":"receive","ajax":"ajax"},function(data){
$("span[name='mes']").html(data.num);
},"json");
}
$("#closeChat").click(function(){
clearTimeout(interval);
});
});
相关文章
jquery jqPlot API 中文使用教程(非常强大的图表工具)
这里贡献上中文教程,基本上所有的api都很齐全,供有需要的童鞋们瞧瞧,更重要的是作为自己滴收藏2011-08-08
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
jQuery.uploadifive插件可以很好的解决上传限制图片或文件大小问题,具体实例代码大家参考下本文2017-05-05
jQuery ajax BUG:object doesn''t support this property or met
使用$.ajax时出现的错误,IE7下才会出错,IE6,IE8都正常。2010-07-07


最新评论