文档章节

IE请求的缓存问题详解

k
 kds
发布于 2017/07/25 09:53
字数 876
阅读 20
收藏 1

哈喽,大家好,今天跟大家分享一点关于IE缓存的知识。众所周知IE浏览器是我们开发人员非常不喜欢的浏览器,没有之一,但是IE在用户的使用比例上是相当的大的,毕竟程序员还不是那么的普及吗。

ok咱们不扯犊子了,直入正题。大家都知道IE浏览器的缓存是很强大的,但是强大的同时他也是很烦人的,列举一个大家都知道的IE的ajax请求问题,开发人员都知道IE的ajax请求也是会被放入缓存的,这也就意味着我们的ajax请求只有第一次请求的时候IE浏览器才会发送请求,一旦请求成功以后呢,当我们再次调用ajax请求的时候呢IE会直接读取缓存中的数据,这是一件令人很头疼的事情,但是ajax请求的参数总是变化的,这一点很重要,当我们ajax请求的参数变化时,IE才会把我们的请求当做一次新的请求,这也就是我们平时很难发现这个问题的原因了。

我这两天就刚好碰到了这个问题。

背景:我写了一个Excel导入功能,每次导入后,会给用户展示导入的日志,就是导入数据条数,每条标识,成功失败什么的。而我每次展示的数据都来自服务器的session,每次从session中取实现放进去的集合然后遍历打印日志,然后删除session中的缓存对象。

问题:我发现使用IE浏览器的时候存在一个问题,当我导入了多次不同内容的表格时,每次返回的日志都是第一次导入的日志,但是导入的数据是正常的数据。我感到非常的不理解。我特意输出的日志,输出的缓存我发现只有第一次导入的时候才会输出缓存中的对象(session中的内容也就是null),之后再倒入的时候都没有输出,这也就意味着只有第一次展示日志的时候执行了日志页面的代码,之后都不会再次执行。

原因:那么问题来了,这是为什么呢?我百度了好久也没有得到答案,后来我找到了IE浏览器关于ajax的bug。我发现这个问题和我的这个问题惊人的相似,我经过试验发现IE浏览器不知是ajax会存在这个bug,他的http请求同事也会存在缓存的问题,当我们的第二次请求和第一次请求的URL完全相同的时候,IE就不会认为这是一次新的请求,他也就不会发送新的http请求,而是直接取缓存中拿上次请求的结果,所以就出现了每次展示的结果都是第一次的原因了。

解决方案:那么这个问题怎么解决呢?很简单,和ajax的bug解决方法一样,只要把请求的URL后面加一个随机数参数就ok了,这样就可以骗过IE这个阿三,让他认为这是一次新的请求,这样问题就解决了。

© 著作权归作者所有

共有 人打赏支持
k

kds

粉丝 2
博文 6
码字总数 3680
作品 0
北京
加载中

评论(1)

百里青山
Nginx学习之九:实践学习指南

Nginx基础 1. nginx安装 2. nginx 编译参数详解 3. nginx安装配置+清缓存模块安装 4. nginx+PHP 5.5 5. nginx配置虚拟主机 6. nginx location配置 7. nginx root&alias文件路径配置 8. ngxht...

boonya
2014/07/09
0
0
开放接口中权限验证的缓存问题——求详解

睡觉前提一个缓存的问题: 最近做restful风格的接口开发,对于每次请求服务的资源都做一次权限验证,通过后返回相关资源。但是考虑到请求的数目会比较多,所以对于每次请求都从数据库查询数据...

新人王
2012/05/26
822
5
浏览器 HTTP 协议缓存机制详解

最近在准备优化日志请求时遇到了一些令人疑惑的问题,比如为什么响应头里出现了两个 cache control、为什么明明设置了 no cache 却还是发请求,为什么多次访问时有时请求里带了 etag,有时又...

大数据之路
2015/01/19
0
16
阿里云OSS跨域规则配置后不生效的原因

OSS跨域资源共享(CORS)配置项详解:https://help.aliyun.com/documentdetail/44199.html 问题描述: 我通过nginx反向代理了OSS域名后,通过浏览器访问提示请求头被拒绝,如下图 我的OSS跨域...

qianghong000
06/29
0
0
服务器后端开发系列——《实战Nginx高性能Web服务器》

1、高性能Web服务器Nginx的配置与部署研究(1)Nginx简介及入门示例 内容:概述Nginx的背景知识和简单的入门实例。 2、高性能Web服务器Nginx的配置与部署研究(2)Nginx入门级配置与部署及“...

晨曦之光
2012/04/24
162
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

弹性工作制的魔咒

简评:你找到了一份完美的工作 —— 可以提前离开公司,还可以在晚上从家里回复邮件。既然如此,你为什么还会有那么强的负罪感呢? 或许是弹性工作制魔咒在作祟。 很多享受弹性工作制的人会始...

极光推送
6分钟前
0
0
KAFKA介绍(分布式架构)

Kafka是一个分布式的、可分区的、可复制的消息系统。它提供了普通消息系统的功能,但具有自己独特的设计。这个独特的设计是什么样的呢? 首先让我们看几个基本的消息系统术语: Kafka将消息以...

明理萝
12分钟前
0
1
os::NodeHandle::subscribe回调函数绑定对象

void Foo::callback(const std_msgs::Empty::ConstPtr& message){}Foo foo_object;ros::Subscriber sub = handle.subscribe("my_topic", 1, &Foo::callback, &foo_object); 参考: ht......

itfanr
13分钟前
0
0
React16.4 开发简书项目 从零基础入门到实战

React16.4 开发简书项目 从零基础入门到实战 关注我的订阅号下载 React16.4 开发简书项目 从零基础入门到实战

蜗牛奔跑
16分钟前
0
0
day57-20180815-流利阅读笔记-待学习

社恐怎么办?这个漫画或许能治愈你 毛西 2018-08-15 1.今日导读 近日,芬兰漫画家卡罗利娜·科尔霍宁创作的绘本《芬兰人的噩梦》在中国大火。一时间书中的主人公马蒂成为了人们茶余饭后热议的...

aibinxiao
20分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部