$.getJSON的缓存问题
2010-12-20 15:33
267 查看
尊重原著:本文是http://hi.baidu.com/jrc520/blog/item/17c14ba798485998d0435809.html和http://hi.baidu.com/fengluolyn/blog/item/0ac6b7130d8985ddf7039e83.html的整合版
今天遇到jQuery.getJSON的缓存问题。
如果其调用的url之前曾经调用过的话,回调函数就会直接在缓存里面取得想要得值,而不是进入到后台,调用存储过程了。
这是一个比较郁闷的问题。不修改的话,用户就只能从新打开一个新页面才能进行修改了。
我刚刚接触jQuery,对其害不太了解,于是上网查了查解决办法。
总结一下:
1 让每次调用的url都不一样
方法:在参数中加一个随机数或添加一个时间戳。
例1:
jQuery.getJSON("$!{Root}/a/a/s.ashx",{"ID":id,"Name":name,"Path":path,random:Math.random()},function(responseText){}
$.getJSON ( "Default.aspx?t="+new Date() , function(json){
//程序操作
}) ;
例2:
"xxx.aspx?randID="+Math.random
例3:
"xxx.aspx?randID="+ escape(new Date())
2 将cache设为False
$.ajax不缓存版:
$.ajax({
type:"GET"
url:'test.html',
cache:false,
dataType:"html",
success:function(msg){
alert(msg);
}
});
3.在labels.html文件的顶部加入以下声明:
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">
4.load函数不仅可以调用HTML,也可以调用script,比如labels.php,可以在php文件里使用header函数:
<?php
header("Cache-Control: no-cache, must-revalidate");
?>
5 使用post代替get方法。
使用Post方式需注意:
设置header的Context-Type为application/x-www-form-urlencode确保服务器知道实体中有参数变量. 通常使用XmlHttpRequest对象的SetRequestHeader("Context-Type","application/x-www- form-urlencoded;")。例:
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
参数是名/值一一对应的键值对,每对值用&号隔开.如 var name=abc&sex=man&age=18,注意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缓存之类,查了半天,不得其法。
倒是有很多代替清理历史文件的方法,比如设置回退之类。
今天遇到jQuery.getJSON的缓存问题。
如果其调用的url之前曾经调用过的话,回调函数就会直接在缓存里面取得想要得值,而不是进入到后台,调用存储过程了。
这是一个比较郁闷的问题。不修改的话,用户就只能从新打开一个新页面才能进行修改了。
我刚刚接触jQuery,对其害不太了解,于是上网查了查解决办法。
总结一下:
1 让每次调用的url都不一样
方法:在参数中加一个随机数或添加一个时间戳。
例1:
jQuery.getJSON("$!{Root}/a/a/s.ashx",{"ID":id,"Name":name,"Path":path,random:Math.random()},function(responseText){}
$.getJSON ( "Default.aspx?t="+new Date() , function(json){
//程序操作
}) ;
例2:
"xxx.aspx?randID="+Math.random
例3:
"xxx.aspx?randID="+ escape(new Date())
2 将cache设为False
$.ajax不缓存版:
$.ajax({
type:"GET"
url:'test.html',
cache:false,
dataType:"html",
success:function(msg){
alert(msg);
}
});
3.在labels.html文件的顶部加入以下声明:
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">
4.load函数不仅可以调用HTML,也可以调用script,比如labels.php,可以在php文件里使用header函数:
<?php
header("Cache-Control: no-cache, must-revalidate");
?>
5 使用post代替get方法。
使用Post方式需注意:
设置header的Context-Type为application/x-www-form-urlencode确保服务器知道实体中有参数变量. 通常使用XmlHttpRequest对象的SetRequestHeader("Context-Type","application/x-www- form-urlencoded;")。例:
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
参数是名/值一一对应的键值对,每对值用&号隔开.如 var name=abc&sex=man&age=18,注意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缓存之类,查了半天,不得其法。
倒是有很多代替清理历史文件的方法,比如设置回退之类。
相关文章推荐
- [转]jQuery.getJSON的缓存问题的解决办法
- jQuery的getJSON缓存问题
- ie 下jQuery.getJSON() 缓存问题
- Jquery $.getJSON 在IE下的缓存问题解决方法
- $.getJSON()存在缓存问题
- « AFNetworking 图片的本地缓存问题 Get application bundle seed ID in iOS » AFNetworking 使用总结 (用法+JSON解析)
- jQuery getJSON在IE下不刷新,缓存的问题
- jquery.getJSON的缓存问题解决办法
- ie下jquery.getJSON的缓存问题的处理方法
- ie下jquery.getJSON的缓存问题的处理方法
- jQuery.getJSON的缓存问题
- ie下jquery.getJSON的缓存问题的处理方法
- 勤于思考:jquery.getJSON的缓存问题的解决方法
- $.getJSON的缓存问题处理
- $.getJson方法与缓存问题
- jQuery中ajax的使用和缓存问题解决 $getjson 与$get都会被IE缓存
- ie下jquery.getJSON的缓存问题的处理方法
- jQuery.getJSON的缓存问题的解决办法
- 简单几招,解决jQuery.getJSON的缓存问题
- 解决getJSON的缓存问题