DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> Ajax獲取頁面被緩存的解決方案
Ajax獲取頁面被緩存的解決方案
編輯:AJAX詳解      日期:2016/12/30 17:53:27

AJax頁面參數相同時只返回緩存的內容的解決辦法

常利用AJAX寫一些頁面無刷新的內容獲取頁面,這種方式很快捷也很方便,但其中有一個問題,就是如果兩次提交的參數相同時,返回的內容只返回上次獲取的內容,如果我們在第一次修改了參數,第二次再次調用卻會發現頁面根本沒有改變。這樣的情況是是為AJax獲取時先檢查本機緩存,如果本機緩存已有相同內容,則不訪問遠端服務器。這樣的操作倒是可以提高速度和減少服務器壓力。但帶來的弊端也是顯而易見的。

為了解決這個問題。我們必須在獲取頁加上一個額外的參數。比較簡單的方法是用一個隨機數。

例子如下

function idCheck() {  //參數調用函數
var f = document.modify_form;
var book_num = f.book_num.value;
if(book_num=="") {
window.alert("圖書編號不能為空");
f.book_num.focus();
return false;
}
//加一個隨機數//////////////////////////////
var number = Math.random();
number = number * 1000000000;
number = Math.ceil(number);
//////////////////////////////////////////
send_request('get_book.PHP?book_num='+book_num+'&ranum='+number);  // 後面的 “ranum=number”是額外加的
}

這樣就可以避免相同參數頁面返回同樣內容的問題了。

還有一種方法為在被調用的頁面中,加入代碼,禁止本頁面被緩存

htm網頁
<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網頁
response.expires=-1
response.expiresabsolute=now()-1
response.cachecontrol="no-cache"
PHP網頁
header("expires:mon,26jul199705:00:00gmt");
header("cache-control:no-cache,must-revalidate");
header("pragma:no-cache");
JSP網頁
response.addHeader("pragma", "no-cache");
response.addHeader("cache-control", "no-cache,must-revalidate");
response.addHeader("expires", "0");

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved