簡(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)文章
今天為大家推薦的是2013年的第一期，在這期里面十個(gè)jQuery插件涵蓋了響應(yīng)式的網(wǎng)格布局插件、圖片放大插件、表單元素中自定義select插件，google 地圖插件、文件拖放上傳插件、tooltip提示插件、3D旋轉(zhuǎn)菜單等等2013-11-11
jQuery當(dāng)鼠標(biāo)懸停時(shí)放大圖片的效果實(shí)例
這是一個(gè)基于jQuery的效果，當(dāng)鼠標(biāo)在小圖片上懸停時(shí)，會(huì)彈出一個(gè)大圖，該大圖會(huì)跟隨鼠標(biāo)的移動(dòng)而移動(dòng)2013-07-07
一次$.getJSON不執(zhí)行的簡(jiǎn)單記錄
下面小編就為大家?guī)硪黄淮?.getJSON不執(zhí)行的簡(jiǎn)單記錄。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07
第一次用JSON作為jquery異步請(qǐng)求的傳輸對(duì)象，結(jié)果在jquery請(qǐng)求后返回的結(jié)果是字符串還是json對(duì)象上折騰了半天。等到問題解決了，也大致明白怎么個(gè)意思了，歸根結(jié)底還是對(duì)jquery對(duì)相關(guān)json對(duì)象獲取的理解有所偏差。2009-07-07
為什么現(xiàn)在彈出來每個(gè)button（在ul li中的）的索引值都是零，為什么不是從0-9排列的等等一系列問題將在本文為大家詳細(xì)介紹下2013-10-10
jQtransForm jQuery表單美化修飾插件，附帶有PHP提交程序，當(dāng)然ASP/ASP/NET/JSP都是同理，這里主要是jQuery美化部分的實(shí)例，美化對(duì)象為文本框、密碼框、文本域、Select下拉框、按鈕等，有了這些示例，美化其它的表單元素應(yīng)該不是大問題。2012-07-07
Jquery網(wǎng)頁內(nèi)滑動(dòng)緩沖導(dǎo)航的實(shí)現(xiàn)代碼
這篇文章主要介紹了Jquery網(wǎng)頁內(nèi)滑動(dòng)緩沖導(dǎo)航的實(shí)現(xiàn)代碼,實(shí)現(xiàn)滑動(dòng)緩沖的方式實(shí)現(xiàn)頁內(nèi)導(dǎo)航，用戶體驗(yàn)大大提升需要的朋友可以參考下2015-04-04
用Jquery.load載入頁面實(shí)現(xiàn)局部刷新
用jquery.load的方法載入新的頁面，以實(shí)現(xiàn)局部刷新，可結(jié)果發(fā)現(xiàn)載入進(jìn)來的頁面與原來單獨(dú)的頁面不一樣，樣式?jīng)]了，關(guān)于這個(gè)問題，下面有個(gè)不錯(cuò)的解決方法2014-01-01
這篇文章主要介紹了jQuery中appendTo()方法用法,實(shí)例分析了appendTo()方法的功能、定義及把匹配的元素插入指定元素結(jié)尾的使用技巧,需要的朋友可以參考下2015-01-01
使用jQuery處理AJAX請(qǐng)求的基礎(chǔ)學(xué)習(xí)教程
這篇文章主要介紹了使用jQuery處理AJAX請(qǐng)求的基礎(chǔ)學(xué)習(xí)教程,除此之外還引申了鏈?zhǔn)教幚硎录卣{(diào)的寫法,由淺入深非常值得借鑒,需要的朋友可以參考下2016-05-05