Ajax獲取頁(yè)面被緩存的解決方法
更新時(shí)間：2008年09月07日 22:39:49 作者：
常利用AJAX寫(xiě)一些頁(yè)面無(wú)刷新的內(nèi)容獲取頁(yè)面，這種方式很快捷也很方便，但其中有一個(gè)問(wèn)題，就是如果兩次提交的參數(shù)相同時(shí)，返回的內(nèi)容只返回上次獲取的內(nèi)容，如果我們?cè)诘谝淮涡薷牧藚?shù)，第二次再次調(diào)用卻會(huì)發(fā)現(xiàn)頁(yè)面根本沒(méi)有改變。
這樣的情況是是為AJAX獲取時(shí)先檢查本機(jī)緩存，如果本機(jī)緩存已有相同內(nèi)容，則不訪問(wèn)遠(yuǎn)端服務(wù)器。這樣的操作倒是可以提高速度和減少服務(wù)器壓力。但帶來(lái)的弊端也是顯而易見(jiàn)的。
為了解決這個(gè)問(wèn)題。我們必須在獲取頁(yè)加上一個(gè)額外的參數(shù)。比較簡(jiǎn)單的方法是用一個(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("圖書(shū)編號(hào)不能為空");
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ù)頁(yè)面返回同樣內(nèi)容的問(wèn)題了。
還有一種方法為在被調(diào)用的頁(yè)面中，加入代碼，禁止本頁(yè)面被緩存
htm網(wǎng)頁(yè)
<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)頁(yè)
response.expires=-1
response.expiresabsolute=now()-1
response.cachecontrol="no-cache"
php網(wǎng)頁(yè)
header("expires:mon,26jul199705:00:00gmt");
header("cache-control:no-cache,must-revalidate");
header("pragma:no-cache");
jsp網(wǎng)頁(yè)
response.addHeader("pragma", "no-cache");
response.addHeader("cache-control", "no-cache,must-revalidate");
response.addHeader("expires", "0");
為了解決這個(gè)問(wèn)題。我們必須在獲取頁(yè)加上一個(gè)額外的參數(shù)。比較簡(jiǎn)單的方法是用一個(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("圖書(shū)編號(hào)不能為空");
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ù)頁(yè)面返回同樣內(nèi)容的問(wèn)題了。
還有一種方法為在被調(diào)用的頁(yè)面中，加入代碼，禁止本頁(yè)面被緩存
htm網(wǎng)頁(yè)
復(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)頁(yè)
復(fù)制代碼 代碼如下:
response.expires=-1
response.expiresabsolute=now()-1
response.cachecontrol="no-cache"
php網(wǎng)頁(yè)
復(fù)制代碼 代碼如下:
header("expires:mon,26jul199705:00:00gmt");
header("cache-control:no-cache,must-revalidate");
header("pragma:no-cache");
jsp網(wǎng)頁(yè)
復(fù)制代碼 代碼如下:
response.addHeader("pragma", "no-cache");
response.addHeader("cache-control", "no-cache,must-revalidate");
response.addHeader("expires", "0");
相關(guān)文章
非常簡(jiǎn)單的Ajax請(qǐng)求實(shí)例附源碼
這篇文章為大家推薦了一個(gè)非常簡(jiǎn)單的Ajax請(qǐng)求實(shí)例，可以在不重載頁(yè)面的情況與 Web 服務(wù)器交換數(shù)據(jù)，感興趣的小伙伴們可以參考一下2015-11-11
asp.net+ajax簡(jiǎn)單分頁(yè)實(shí)例分析
這篇文章主要介紹了asp.net+ajax簡(jiǎn)單分頁(yè)實(shí)現(xiàn)方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了ajax分頁(yè)的具體實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12
AJAX = 異步 JavaScript 和 XML，AJAX 是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù)。本文給大家?guī)?lái)了全面解析Ajax綜合應(yīng)用大全，非常不錯(cuò)具有參考借鑒價(jià)值，感興趣的朋友一起看下吧2016-06-06
Ajax+Servlet實(shí)現(xiàn)無(wú)刷新下拉聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了Ajax+Servlet實(shí)現(xiàn)無(wú)刷新下拉聯(lián)動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
Ajax請(qǐng)求過(guò)程中下載文件在FireFox(火狐)瀏覽器下的兼容問(wèn)題
最近做了個(gè)項(xiàng)目，其中有項(xiàng)目需求是這樣的，點(diǎn)擊一個(gè)文件鏈接下載該文件，同時(shí)向后臺(tái)發(fā)送請(qǐng)求，在開(kāi)發(fā)過(guò)程中問(wèn)題百出，小編把問(wèn)題總結(jié)分享在腳本之家平臺(tái)，供大家參考
2016-01-01 
ajax回調(diào)函數(shù)參數(shù)傳遞正確方法
ajax回調(diào)函數(shù)參數(shù)傳遞正確方法，很多朋友習(xí)慣的寫(xiě)錯(cuò)了，這里簡(jiǎn)單的小結(jié)下。
2010-12-12 
要通過(guò)ajax保存表單，一切都OK，測(cè)試也通過(guò)，卻發(fā)現(xiàn)文件沒(méi)有上傳成功！然后就有了用 ajax是否可以上傳文件的疑問(wèn)。
2011-01-01 
ajax+php中文亂碼解決辦法...
2007-04-04 
理解jquery ajax中的datatype屬性選項(xiàng)值
jquery中ajax的dataType屬性用于指定服務(wù)器返回的數(shù)據(jù)類(lèi)型，如果不指定，jQuery 將自動(dòng)根據(jù)HTTP包MIME信息來(lái)智能判斷，如果datatype選項(xiàng)不填寫(xiě)的話，會(huì)將返回的數(shù)據(jù)當(dāng)成字符串處理。
2015-10-10