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");