Ajax獲取頁面被緩存的解決方法
更新時(shí)間:2008年09月07日 22:39:49 作者:
常利用AJAX寫一些頁面無刷新的內(nèi)容獲取頁面,這種方式很快捷也很方便,但其中有一個(gè)問題,就是如果兩次提交的參數(shù)相同時(shí),返回的內(nèi)容只返回上次獲取的內(nèi)容,如果我們在第一次修改了參數(shù),第二次再次調(diào)用卻會發(fā)現(xiàn)頁面根本沒有改變。
這樣的情況是是為AJAX獲取時(shí)先檢查本機(jī)緩存,如果本機(jī)緩存已有相同內(nèi)容,則不訪問遠(yuǎn)端服務(wù)器。這樣的操作倒是可以提高速度和減少服務(wù)器壓力。但帶來的弊端也是顯而易見的。
為了解決這個(gè)問題。我們必須在獲取頁加上一個(gè)額外的參數(shù)。比較簡單的方法是用一個(gè)隨機(jī)數(shù)。
例子如下
function idCheck() { //參數(shù)調(diào)用函數(shù)
var f = document.modify_form;
var book_num = f.book_num.value;
if(book_num=="") {
window.alert("圖書編號不能為空");
f.book_num.focus();
return false;
}
//加一個(gè)隨機(jī)數(shù)//////////////////////////////
var number = Math.random();
number = number * 1000000000;
number = Math.ceil(number);
//////////////////////////////////////////
send_request('get_book.php?book_num='+book_num+'&ranum='+number); // 后面的 “ranum=number”是額外加的
}
這樣就可以避免相同參數(shù)頁面返回同樣內(nèi)容的問題了。
還有一種方法為在被調(diào)用的頁面中,加入代碼,禁止本頁面被緩存
htm網(wǎng)頁
<metahttp-equiv="pragma"content="no-cache">
<metahttp-equiv="cache-control"content="no-cache,must-revalidate">
<metahttp-equiv="expires"content="wed,26feb199708:21:57gmt">
或者<metahttp-equiv="expires"content="0">
asp網(wǎng)頁
response.expires=-1
response.expiresabsolute=now()-1
response.cachecontrol="no-cache"
php網(wǎng)頁
header("expires:mon,26jul199705:00:00gmt");
header("cache-control:no-cache,must-revalidate");
header("pragma:no-cache");
jsp網(wǎng)頁
response.addHeader("pragma", "no-cache");
response.addHeader("cache-control", "no-cache,must-revalidate");
response.addHeader("expires", "0");
為了解決這個(gè)問題。我們必須在獲取頁加上一個(gè)額外的參數(shù)。比較簡單的方法是用一個(gè)隨機(jī)數(shù)。
例子如下
復(fù)制代碼 代碼如下:
function idCheck() { //參數(shù)調(diào)用函數(shù)
var f = document.modify_form;
var book_num = f.book_num.value;
if(book_num=="") {
window.alert("圖書編號不能為空");
f.book_num.focus();
return false;
}
//加一個(gè)隨機(jī)數(shù)//////////////////////////////
var number = Math.random();
number = number * 1000000000;
number = Math.ceil(number);
//////////////////////////////////////////
send_request('get_book.php?book_num='+book_num+'&ranum='+number); // 后面的 “ranum=number”是額外加的
}
這樣就可以避免相同參數(shù)頁面返回同樣內(nèi)容的問題了。
還有一種方法為在被調(diào)用的頁面中,加入代碼,禁止本頁面被緩存
htm網(wǎng)頁
復(fù)制代碼 代碼如下:
<metahttp-equiv="pragma"content="no-cache">
<metahttp-equiv="cache-control"content="no-cache,must-revalidate">
<metahttp-equiv="expires"content="wed,26feb199708:21:57gmt">
或者<metahttp-equiv="expires"content="0">
asp網(wǎng)頁
復(fù)制代碼 代碼如下:
response.expires=-1
response.expiresabsolute=now()-1
response.cachecontrol="no-cache"
php網(wǎng)頁
復(fù)制代碼 代碼如下:
header("expires:mon,26jul199705:00:00gmt");
header("cache-control:no-cache,must-revalidate");
header("pragma:no-cache");
jsp網(wǎng)頁
復(fù)制代碼 代碼如下:
response.addHeader("pragma", "no-cache");
response.addHeader("cache-control", "no-cache,must-revalidate");
response.addHeader("expires", "0");
相關(guān)文章
使用ajax接收后臺發(fā)送過來的json數(shù)據(jù)方法
今天小編就為大家分享一篇使用ajax接收后臺發(fā)送過來的json數(shù)據(jù)方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08ajax請求返回的數(shù)據(jù)看不到回調(diào)函數(shù)沒有執(zhí)行也沒報(bào)錯(cuò)
ajax請求返回的數(shù)據(jù)看不到回調(diào)函數(shù)沒有執(zhí)行,哪里都沒有報(bào)錯(cuò),有類似情況的朋友可以參考下本文2014-01-01HTTP狀態(tài)代碼及其定義解析 Ajax捕捉回調(diào)錯(cuò)誤參考
當(dāng)用戶試圖通過 HTTP 訪問一臺正在運(yùn)行 Internet 信息服務(wù) (IIS) 的服務(wù)器上的內(nèi)容時(shí),IIS 返回一個(gè)表示該請求的狀態(tài)的數(shù)字代碼。狀態(tài)代碼可以指明具體請求是否已成功,還可以揭示請求失敗的確切原因2013-11-11layui的checbox在Ajax局部刷新下的設(shè)置方法
今天小編就為大家分享一篇layui的checbox在Ajax局部刷新下的設(shè)置方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08javascript請求servlet實(shí)現(xiàn)ajax示例(分享)
下面小編就為大家?guī)硪黄猨avascript請求servlet實(shí)現(xiàn)ajax示例(分享)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06