簡(jiǎn)單的代碼實(shí)現(xiàn)jquery定時(shí)器
更新時(shí)間：2013年11月17日 17:27:34 作者：
當(dāng)收到消息的時(shí)候能夠及時(shí)的刷新,顯示收到消息的條數(shù)，下面與大分享下使用簡(jiǎn)單的代碼實(shí)現(xiàn)jquery定時(shí)器
簡(jiǎn)單的代碼實(shí)現(xiàn)jquery定時(shí)器.
今天,項(xiàng)目遇到一個(gè)消息的模塊,在導(dǎo)航條最上面.想實(shí)現(xiàn),當(dāng)收到消息的時(shí)候能夠及時(shí)的刷新,顯示收到消息的條數(shù).想了半天.想了2種方法,
1.利用struts2的Ajax標(biāo)簽.
2.利用jquery.
struts2有點(diǎn)麻煩,jquery比較簡(jiǎn)單用jquery了.下面貼上代碼:實(shí)現(xiàn)每隔3S向服務(wù)器端獲取數(shù)據(jù).然后賦值給要顯示的那個(gè)dom對(duì)象里面.
$(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);
});
});
今天,項(xiàng)目遇到一個(gè)消息的模塊,在導(dǎo)航條最上面.想實(shí)現(xiàn),當(dāng)收到消息的時(shí)候能夠及時(shí)的刷新,顯示收到消息的條數(shù).想了半天.想了2種方法,
1.利用struts2的Ajax標(biāo)簽.
2.利用jquery.
struts2有點(diǎn)麻煩,jquery比較簡(jiǎn)單用jquery了.下面貼上代碼:實(shí)現(xiàn)每隔3S向服務(wù)器端獲取數(shù)據(jù).然后賦值給要顯示的那個(gè)dom對(duì)象里面.
復(fù)制代碼 代碼如下:
$(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);
});
});
您可能感興趣的文章:
相關(guān)文章
jquery jqPlot API 中文使用教程(非常強(qiáng)大的圖表工具)
這里貢獻(xiàn)上中文教程，基本上所有的api都很齊全，供有需要的童鞋們瞧瞧，更重要的是作為自己滴收藏2011-08-08
幾行代碼輕松搞定jquery實(shí)現(xiàn)flash8類似的連接效果
幾行代碼輕松搞定jquery實(shí)現(xiàn)flash8類似的連接效果...2007-05-05
jquery.uploadifive插件怎么解決上傳限制圖片或文件大小問(wèn)題
jQuery.uploadifive插件可以很好的解決上傳限制圖片或文件大小問(wèn)題,具體實(shí)例代碼大家參考下本文2017-05-05
無(wú)限樹(shù)Jquery插件zTree的常用功能特性總結(jié)
這篇文章主要對(duì)無(wú)限樹(shù)Jquery插件zTree的常用功能特性總結(jié)，ztree的語(yǔ)法結(jié)構(gòu)是基于key-value的形式配置,需要的朋友可以參考下2014-09-09
StringTemplate遇見(jiàn)jQuery沖突的解決方法
最近在做一個(gè)流程引擎，現(xiàn)著手于自定義模板的處理。設(shè)計(jì)在模板中所有的數(shù)據(jù)都將與字段對(duì)應(yīng)，采用xml結(jié)構(gòu)序列化作為流程持久化機(jī)制。2011-09-09
jQuery ajax BUG：object doesn''t support this property or met
使用$.ajax時(shí)出現(xiàn)的錯(cuò)誤，IE7下才會(huì)出錯(cuò)，IE6,IE8都正常。2010-07-07
這篇文章主要介紹了jQuery檢查事件是否觸發(fā)的方法,涉及jQuery中trigger方法的使用技巧,需要的朋友可以參考下2015-06-06
jquery數(shù)組過(guò)濾篩選方法grep()簡(jiǎn)介
這篇文章主要介紹了jquery數(shù)組過(guò)濾篩選方法grep()簡(jiǎn)介,需要的朋友可以參考下2014-06-06
這篇文章主要介紹了Jquery 實(shí)現(xiàn)grid綁定模板的相關(guān)資料,需要的朋友可以參考下2015-01-01
jQuery中clone()函數(shù)實(shí)現(xiàn)表單中增加和減少輸入項(xiàng)
這篇文章給大家介紹了jQuery中clone()函數(shù)實(shí)現(xiàn)表單中增加和減少輸入項(xiàng)的實(shí)例代碼，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧2017-05-05