Ajax實(shí)現(xiàn)無(wú)閃爍定時(shí)刷新頁(yè)面實(shí)例代碼
在Web開發(fā)中我們經(jīng)常需要實(shí)現(xiàn)定時(shí)刷新某個(gè)頁(yè)面:
1.來(lái)保持session的值或者檢查session的值是否為空(比如說(shuō)防止同一用戶重復(fù)登錄);
2.實(shí)現(xiàn)實(shí)時(shí)站內(nèi)短信;
3.定時(shí)更新頁(yè)面數(shù)據(jù)等等。但是我們?cè)诰W(wǎng)上搜搜會(huì)發(fā)現(xiàn)有很多定時(shí)刷新頁(yè)面的方法,最簡(jiǎn)單的就是在<head></head>標(biāo)記之間加上如下代碼:
在<head></head>標(biāo)記之間加上代碼,實(shí)現(xiàn)定時(shí)刷新,此代碼我已經(jīng)測(cè)試過(guò),可以實(shí)現(xiàn)效果
<meta http-equiv="refresh" content="5" URL="Example.aspx" />
說(shuō)明:content的值代表頁(yè)面刷新的間隔時(shí)間,以秒為單位
URL的值指定刷新的頁(yè)面
還有一種方法就是用JavaScript來(lái)定時(shí)刷新頁(yè)面
JavaScript定時(shí)刷新頁(yè)面,此代碼我沒有經(jīng)過(guò)測(cè)試
<script>
var limit=":"
if (document.images){
var parselimit=limit.split(":");
parselimit=parselimit[]*+parselimit[]*;
}
function beginrefresh(){
if (!document.images)
return;
if (parselimit==)
window.location.reload();
else{
parselimit-=;
curmin=Math.floor(parselimit/);
cursec=parselimit%;
if (curmin!=)
curtime=curmin+" min "+cursec+" sec ";
else
curtime=cursec+" sec ";
window.status=curtime;
setTimeout("beginrefresh()",);
}
}
window.onload=beginrefresh;
</script>
加到body中間,這里是0:10為10秒鐘,可以自定義
以上所述是小編給大家介紹的Ajax實(shí)現(xiàn)無(wú)閃爍定時(shí)刷新頁(yè)面實(shí)例代碼,希望對(duì)大家有所幫助,如果大家想了解更多資訊敬請(qǐng)關(guān)注腳本之家網(wǎng)站!
- PHP Ajax實(shí)現(xiàn)頁(yè)面無(wú)刷新發(fā)表評(píng)論
- PHP Ajax實(shí)現(xiàn)頁(yè)面無(wú)刷新發(fā)表評(píng)論
- ajax 數(shù)據(jù)庫(kù)中隨機(jī)讀取5條數(shù)據(jù)動(dòng)態(tài)在頁(yè)面中刷新
- JS+Ajax+Jquery實(shí)現(xiàn)頁(yè)面無(wú)刷新分頁(yè)以及分組 超強(qiáng)的實(shí)現(xiàn)
- 基于Jquery 解決Ajax請(qǐng)求的頁(yè)面 瀏覽器后退前進(jìn)功能,頁(yè)面刷新功能實(shí)效問(wèn)題
- ajax頁(yè)面無(wú)刷新 IE下遭遇Ajax緩存導(dǎo)致數(shù)據(jù)不更新的問(wèn)題
- Ajax實(shí)現(xiàn)靜態(tài)刷新頁(yè)面過(guò)程帶加載旋轉(zhuǎn)圖片
- 使用ajax實(shí)現(xiàn)無(wú)刷新改變頁(yè)面內(nèi)容和地址欄URL
相關(guān)文章
ajax智能提示+textbox動(dòng)態(tài)生成下拉框示例代碼
ajax智能提示+textbox動(dòng)態(tài)生成下拉框,下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-12-12
利用ajax提交form表單到數(shù)據(jù)庫(kù)詳解(無(wú)刷新)
這篇文章主要給大家介紹了關(guān)于利用ajax提交form表單到數(shù)據(jù)庫(kù)(無(wú)刷新)的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2018-02-02
AJAX級(jí)聯(lián)下拉框的簡(jiǎn)單實(shí)現(xiàn)案例
本篇文章主要是對(duì)AJAX級(jí)聯(lián)下拉框的簡(jiǎn)單實(shí)現(xiàn)案例進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-02-02
Ajax實(shí)現(xiàn)圖片上傳并預(yù)覽功能
這篇文章主要介紹了Ajax實(shí)現(xiàn)圖片上傳并預(yù)覽,需要的朋友可以參考下2018-06-06
利用AJAX實(shí)現(xiàn)無(wú)刷新數(shù)據(jù)分頁(yè)
這篇文章主要介紹了利用AJAX實(shí)現(xiàn)數(shù)據(jù)分頁(yè)的相關(guān)資料,如何利用AJAX無(wú)刷新直接從服務(wù)器獲取數(shù)據(jù)分頁(yè),感興趣的小伙伴們可以參考一下2016-04-04
利用AjaxSubmit()方法實(shí)現(xiàn)Form提交表單后回調(diào)功能
ajaxSubmit()方法是JQuery Form表單插件中的方法,使用時(shí),需要在jsp或者h(yuǎn)tml頁(yè)面上,引入JQuery庫(kù)和Form插件。接下來(lái)通過(guò)本文給大家分享通過(guò)AjaxSubmit()方法實(shí)現(xiàn)Form提交表單后回調(diào)功能,感興趣的朋友跟隨腳本之家小編一起看看吧2018-05-05

