Ajax 受到IE缓存影响

直奔主题：

1、背景了解

什么是IE缓存
为了提高访问网页的速度，Internet Explorer浏览器会采用累积式加速的方法，将你曾经访问的网页内容（包括图片以及cookie文件等）存放在电脑里。这个存放空间，我们就称它为IE缓存。以后我们每次访问网站时，IE会首先搜索这个目录，如果其中已经有访问过的内容，那IE就不必从网上下载，而直接从缓存中调出来，从而提高了访问网站的速度。

2、问题描述

jQuery下ajax轮询请求（也就是重复执行下面的代码）：

$.get("proaspx/proShowGMSG.aspx",function(data){ $('.center > .show_GMsg').append(data); });

以获取最新的消息即时显示。火狐下正常更新，但是IE下get回来的都是一样的东西！

3、问题分析

因为我在后台用到了session，我以为是ie和ff对session的处理不一样造成的，但是网上没有一种适合的解决办法。后来定位到ajax和session上，但是session记录的东西在我的服务器上啊，我换了一个静态变量来记录我以前用session记录的值，还是火狐下正常更新，但是IE下get回来的都是一样的东西！最后定位到是ajax提交的问题。

网上搜索后发现，需要在请求连接上加一个时间戳以达到禁用缓存的目的，否则IE会针对同一请求连接先去查缓存里保存的cookie。所以要使每次请求的连接是不一样的，故此加一个时间戳，代码如下：

$.get("proaspx/proShowGMSG.aspx?"+escape(new Date()),function(data){ $('.center > .show_GMsg').append(data); });

CSDN上找到的参考原文如下：

http://topic.csdn.net/u/20100630/15/995646fb-50e2-42f9-9d1e-82253c894f65.html?61237

 

4、补充说明

昨天在修改了轮询时间以后又出现了问题。我把轮询时间修改为300毫秒，在IE下每次取回来相同的三条信息，简单分析一下就明白，又是受IE缓存影响，时间戳最终只取到秒，又因为1s≈300ms×3，故在一秒之内请求同一连接三次！所以要把时间戳提高到毫秒级别的。代码如下：

var time = new Date(); var stamp = time.toString()+time.getMilliseconds().toString(); $.get("proaspx/proShowGMSG.aspx?"+escape(stamp),function(data){ $('center > .show_GMsg').append(data); });