zoukankan      html  css  js  c++  java
  • 关于使用AJAX获取数据时,由于IE缓存而导致数据不更新,串数据的问题!

    万恶的IE!先吐槽一句!

          公司一个项目中的某数据需要使用到缓存机制,郁闷的事情就随之而来了。
    测试部门反馈说切换账号时会串信息,反复查找都木有问题。浏览器也刷新了很多遍。
      后来问题找到了,老大看过代码后,说问题出现在了IE的缓存机制上!

        对于长期使用火狐进行WEB开发的程序员伤不起啊!关键时刻忘记使用IE进行测试了!

    去网上查找了下该问题的资料,原来是IE会根据URL进行缓存,所以会出现切换帐号时串数据的问题!

    问题既然找到了,解决办法就很简单了,既在AJAX的请求URL上添加一个随机数就行了!

    资料:http://blog.yikuyiku.com/?p=1035


    一、IE缓存机制大体说明

    IE的缓存是以URL为标识的文件形式存储。实现步骤分为存储和使用(验证)。

    A>存储(标记)缓存
    接收HTTP响应头====>存储并且标记缓存文件

    B>使用(验证)缓存
    接受用户操作====>判断并且使用缓存文件
    下面两节将分别讲述这两个方面的实测结果。


    二、IE如何根据HTTP相应头来存储(标记)缓存

    (包含且不仅包含)以下HTTP响应头将可能影响到IE如何存储(标记)缓存:Age、Cache-Control、Date、ETag、Expires、Last-Modified、Vary。

    本次实验仅测试Cache-Control、Expires、Last-Modified头对IE缓存的影响。


    A>IE如何标记缓存

    IE接收文件统一存放他们在一个目录下,并且给每个文件打下以下标记:

    1、Internet地址

    2、截止期限

    3、上次修改时间


    B>HTTP头对标记缓存的影响

    1、当没有配置Cache-Control、Expires时:
    IE将存储此文件,其截止期限为空

    2、配置Cache-Control:no-cache时:
    IE将不会存储此文件

    3、配置Cache-Control:no-store|no-transform|must-revalidate时:
    IE将视同没有配置Cache-Control

    4、配置Cache-Control:max-age时
    IE将存储此文件,其截止期限为Date头的值加上max-age的秒数

    5、配置Expires时:
    IE将存储此文件,其截止期限为Expires的值

    6、同时配置Expires和Cache-Control:max-age时:
    IE将存储此文件,其截止期限为Date头的值加上max-age的秒数(也就是说max-age将覆盖Expires,IE这样的处理是遵循HTTP1.1协议的)

    7、配置Last-Modified时:
    IE将存储此文件,其上次修改时间为Last-Modified的值



    三、IE接受用户操作时如何使用(验证)缓存


    A>IE对缓存的三个标记分别有以下用途:

    1、Internet地址 —— 资源是否被缓存;

    2、截止期限 —— 资源是否过期(是否重新向服务器请求的关键);

    3、上次修改时间 —— 如果有这个值,向服务器请求时将加上If-Modified-Since,并且用此值填充。


    B>实验得知,IE将用户操作分为以下几类:

    1、前进后退

    此时IE将无条件使用缓存中的文件,忽略截止期限的值。

    2、从收藏夹访问、输入一个不同的地址

    此时IE将使用截止期限的值来判断此缓存是否过期,如果过期则再次向服务器发器请求,反之则使用本地缓存

    3、刷新

    此时IE将向服务器发送一个请求

    4、Ctrl 刷新

    此时IE将向服务器发送一个请求,并且此请求中包括Cache-Control:no-cache;Pragmma:no-cache


    四、有可能的后续实验,以及本次实验的局限性

    1、测试更多头的影响,如Etag、Vary等

    2、测试更广泛浏览器对协议的遵循使用情况

    3、测试代理服务器软件对协议的遵循使用情况

    五、测试工具、方法及其它附录

    本次实验使用IE6 SP3、HTTPWatch Pro 6.0 IE插件、PHP5的Header函数、以及Excel记录测试画面。

    更多方法、说明以及测试证据截图详见附件。(博客版欠奉..)

  • 相关阅读:
    celery
    KeyError: 'pass_ticket'
    Go语言标准库之context
    Go语言标准库之log
    Go语言标准库之time
    Go语言基础之Cookie和Session
    #if...#endif的用法总结
    汇总#pragma用法
    Linux串口编程(转载)
    Linux系统调用(转载)
  • 原文地址:https://www.cnblogs.com/phpdragon/p/2630051.html
Copyright © 2011-2022 走看看