禁止jQuery Load使用缓存的方法

 

jQuery Load样本代码：

$(document).ready(function(){ $("#container").load("/areaServices/GetArea/1"); });

 

当我更新了数据库内容以后，在IE里load方法仍旧在使用旧的数据，就算我按刷新键也不管用。其实这是Jquery Ajax缓存引起的，jQuery提供一个防止ajax使用缓存的方法，把下面的语句加在head的javascript文件里，就可以解决问题。

 

$.ajaxSetup ({ cache: false //关闭AJAX相应的缓存 });

 

但此做法会导致所有Ajax请求都不会被缓存，有时候这不是期望的结果，较合理的解决方案是改用Post或者对请求的Url加一个随机的后缀参数，如果不嫌麻烦的话也可以使用$.ajax方法，设置cache:false选项，也可以解决此问题。

 

另外我看到一些方法仅供参考，没有验证过！

　　1.更改文件名，比如把labels.html改成lables_new.html，但是这是没有办法的办法，一般没有人这么做。

　　2.在labels.html后加上特定时间，比如lables.html?20081116。在实际工作中，在我更新css/javascript文件后，我都是用这种办法来防止文件被缓存。

　　3.在labels.html文件的顶部加入以下声明：

<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Expires" CONTENT="-1">