码迷,mamicode.com
首页 > 其他好文 > 详细

关于IE和edge浏览器中get请求缓存的坑。

时间:2016-07-02 18:43:24      阅读:1714      评论:0      收藏:0      [点我收藏+]

标签:

主要是在一些使用到cookie的ajax场景中。

比如:Angularjs的$http({"url":url,"method":"GET",withCredentials":true}).success(function(){})

get请求无法得到正确数据的时候,先查看控制台。

如果该请求 from cache 或 来自缓存

你会发现该get请求的请求头为空。

这时就会向服务器发送空请求,导致服务器得不到你的cookie,从而无法根据cookie返回所需信息。

 

解决方法如下:

1.在链接后面加随机的索引字符串,比如时间戳什么的。写过验证码的都知道这个坑。

以angular为例:

// 时间戳
$http({
    url: myConstant.sqlUrl + "/uid" + "?time=" + (+new Date()),
    method: "GET",
    withCredentials: true,
    // 允许携带Cookie
    headers: {
        "If-Modified-Since": 0
    }
    // 避免get请求缓存
}).success(function (data) {
    $scope.userInfo = data.data;
});
// 随机数
$http({
    url: myConstant.sqlUrl + "/uid" + "?time=" + Math.random(),
    method: "GET",
    withCredentials: true,
    // 允许携带Cookie
    headers: {
        "If-Modified-Since": 0
    }
    // 避免get请求缓存
}).success(function (data) {
    $scope.userInfo = data.data;
});

 

2.直接在header里写上禁止缓存:{"If-Modified-Since":0}

以angular为例:

$http({
	url: myConstant.sqlUrl + "/uid",
	method: "GET",
	withCredentials: true,
	// 允许携带Cookie
	headers: {
		"If-Modified-Since": 0
	}
	// 避免get请求缓存
}).success(function (data) {
	$scope.userInfo = data.data;
});

3.使用php的header函数

header(‘Cache-Control:no-cache, must-revalidate‘);

  

关于IE和edge浏览器中get请求缓存的坑。

标签:

原文地址:http://www.cnblogs.com/Totooria-Hyperion/p/5635706.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!