jquery.getJSON的缓存问题的解决方法 (zhuan)

2012-11-20  文晶 
今天遇到IE下缓存导致数据修改查询有问题,firefox则没有。解决办法如下:(转来记录下)

博客原文:http://mfan.iteye.com/blog/974132

在项目中遇到一个问题,在火狐下,$.getJSON();请求数据一切正常,但是在IE下面,$.getJSON();只请求一次数据,第二次根本就不发送请求了,用fiddler抓取了才知道,第二次没有发送请求,改成了post就正常了,不过在网上查了问题如下。

http://hi.baidu.com/fengluolyn/blog/item/0ac6b7130d8985ddf7039e83.html

$.getJSON()存在缓存问题,如果其调用的url之前曾经调用过的话,回调函数就会直接在缓存李曼取得想要得值,而不是进入到后台,调用存储过程了。

这是一个比较郁闷的问题,不修改的话,用户就只能从新打开一个新页面才能进行修改了。总结如下:

1、让每次调用的url都不一样。

方法:在参数中加一个随机数

例1:


$.getJSON("$!{Root}/a/as.ashx",{"ID":id,"Name":name,"Path":pash, random:Math.random()},function (responseTest){});
 

例2:

"xxx.aspx?randID='+Math.random;
 

例3:

"xxx.aspx?randID='+escape(newDate());
 

2、将cache设为false

$.ajax不缓存版
$.ajax({
type:"GET",
url:'text.html',
cache:false,
dataType:"html",
success:function (msg){
alert(msg);
}
});
 

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


<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expries" content="-1">
 

4、load函数不仅可以调用html,也可以调用script,比如lables.php,可以再Php文件里在用header函数:

<?php
header("Cache-Control:no-cache,must-revalidate;")
?>
 

5、使用post代替get方法

使用psot方式注意:

设置header的context-type为application/x-www-form-urlencode确保服务器知道实体中有参数变量,通常使用xmlhttprequest对象的setRequestHeader(“Content-type',"application/x-www-form-urlencoded;").例:

XMLHTTP:setRequestHeader('content-type',"application/x-www-form-urlencoded');

参数是名/值--对应的键值对,每对值用&号隔开,如var name=abc&sex=man&age=8;注意var name =update.php?abc&sex=man&age=18;以及var name =?abc $sex=man &age=18;的写法都是错误的

参数在send(参数)方法中发送,例,xmlHttp.send(name)如果是get方式,则直接xmlHttp.send(null)服务器端请求参数区分get与post,如果是get方式则$username =$_GET["username"];如果是post方式,则

$username=$-POST["username"]
 

6、在服务器端加header("Cache-Control: no-cache, must-reva lidate");

7 在ajax发送请求前加上 xmlHttpRequest.setRequestHeader("If-Modified-Since","0");
8 在ajax发送请求前加上 xmlHttpRequest.setRequestHeader("Cache-Control","no-cache");

我用了第一种,就万事OK了。也尝试用了其他的,感觉没什么效果。
我也想到,实在不行就清理掉ie中的url缓存之类,查了半天,不得其法。
倒是有很多代替清理历史文件的方法,比如设置回退之类。


217°|2177 人阅读|0 条评论
登录 后发表评论