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