IE针对Ajax（get）请求结果的缓存

野性酷女 2024-02-18 19:25 42阅读 0赞

### 1.问题描述： ###

IE 浏览器（版本是 IE 11）在发起 GET 请求，浏览器会直接使用缓存数据，不会请求后台，对于实时性需求不适用。在使用 其他浏览器时未发现浏览器并未发现 GET 请求的缓存问题。

### 2.问题解决 ###

####  ####

#### 2.1 方案一 ####

最简单的方法在我们的 get 请求后面添加一个参数 t = 时间戳

t = new Date().getTime();

例如：

[http://127.0.0.1/api/user/list?pageNo=1&pageSize=10&t=1516693948975][http_127.0.0.1_api_user_list_pageNo_1_pageSize_10_t_1516693948975]

#### 2.2 方案二 ####

通过jquery的ajax设置来解决

实际上jQuery具有针对这个的Ajax设置，我们只需要按照如下的方式调用$.ajaxSetup方法禁止掉Ajaz的缓存机制。

<!DOCTYPE html>

2: <html>

3:     <head>

4:         <script type="text/javascript">

5:             $(function () {

6:                 $.ajaxSetup({ cache: false });

7:                 window.setInterval(function () {

8:                     $.ajax({

9:                         url:'@Url.Action("GetCurrentTime")',

10:                         success: function (result) {

11:                             $("ul").append("<li>" + result + "</li>");

12:                         }

13:                     });

14:                 }, 5000);

15:             });

16:         </script>

17:     </head>

18: </html>

#### 2.3 方案三（笔者没试过） ####

我们可以通过请求的响应来控制浏览器针对结果的缓存，为此我们定义了如下一个名为NoCacheAttribute的ActionFilter。在实现的OnActionExecuted方法中，我们调用当前HttpResponse的SetCacheability方法将缓存选项设置为NoCache。该NoCacheAttribute特性被应用到GetCurrentTime方法后，运行我们的程序在IE中依然可以得到实时的时间。

1: public class HomeController : Controller

2: {

3:     public ActionResult Index()

4:     {

5:         return View();

6:     }

7:

8:     [NoCache]

9:     public string GetCurrentTime()

10:     {

11:         return DateTime.Now.ToLongTimeString();

12:     }

13: }

14: public class NoCacheAttribute : FilterAttribute, IActionFilter

15: {

16:     public void OnActionExecuted(ActionExecutedContext filterContext)

17:     {

18:         filterContext.HttpContext.Response.Cache.SetCacheability(HttpCacheability.NoCache);

19:     }

20:

21:     public void OnActionExecuting(ActionExecutingContext filterContext)

22:     {}

23: }

实际NoCacheAttribute特性最终控制消息消息的Cache-Control报头，并将其设置为“no-cache”，指示浏览器不要对结果进行缓存。如下所示的是针对GetCurrentTime请求的响应消息：

1: HTTP/1.1 200 OK

2: Server: ASP.NET Development Server/10.0.0.0

3: Date: Thu, 03 Jan 2013 12:54:56 GMT

4: X-AspNet-Version: 4.0.30319

5: X-AspNetMvc-Version: 4.0

6: Cache-Control: no-cache

7: Pragma: no-cache

8: Expires: -1

9: Content-Type: text/html; charset=utf-8

10: Content-Length: 10

11: Connection: Close

12:

13: 8:54:56 PM

[http_127.0.0.1_api_user_list_pageNo_1_pageSize_10_t_1516693948975]: http://127.0.0.1/api/user/list?pageNo=1&pageSize=10&t=1516693948975

发表评论取消回复

表情：

评论列表（有 0 条评论，42人围观）

还没有评论，来说两句吧...

相关阅读

相关关于IE缓存问题

js中自动清除ie缓存方法 — 常用对于动态文件,比如 index.asp?id=... 或者 index.aspx?id=... 相信有经验的程序员都知道怎样禁止

古城微笑少年丶/ 2024年02月19日 14:54/ 0 赞/ 67 阅读

相关 IE针对Ajax（get）请求结果的缓存

1.问题描述： IE 浏览器（版本是 IE 11）在发起 GET 请求，浏览器会直接使用缓存数据，不会请求后台，对于实时性需求不适用。在使用其他浏览器时未发现浏览器并未

野性酷女/ 2024年02月18日 19:25/ 0 赞/ 43 阅读

相关 IE浏览器清除缓存的坑

今天解决了一个问题，IE浏览器访问一个地址，本来系统已经更新到最新版本了，但是界面显示的仍然是之前的版本，清除了好几遍缓存， ![watermark_type_ZmFuZ3p

╰半橙微兮°/ 2023年10月18日 11:58/ 0 赞/ 78 阅读

相关 Ajax处理get请求和post请求以及处理IE缓存问题

Ajax处理get请求 <!DOCTYPE html> <html> <head lang="en"> <meta charset="u

你的名字/ 2023年10月05日 15:49/ 0 赞/ 17 阅读

相关解决ie11 浏览器的get请求方式缓存清除问题

使用axios的get请求时产生缓存，致使请求的数据不是最新的。这样的场景很多，例如我们添加或修改数据成功后，立马调用查询接口，因查询接口是get请求，产生了缓存，响应数据

小鱼儿/ 2023年02月18日 15:26/ 0 赞/ 10 阅读

相关清除IE浏览器缓存

清除IE浏览器CSS缓存 > 1、打开【Internet选项】，在常规选项卡中，点击浏览历史记录下的设置按钮 ![在这里插入图片描述][watermark_type_

悠悠/ 2022年11月14日 11:54/ 0 赞/ 223 阅读

相关针对IE浏览器的兼容性ie7、ie8、ie9

相对于来说浏览器的兼容性对于小伙伴来说是很头疼的吧！今天我在修改代码的时候，对于var cvts = document.getElementsByClassName("ap

- 日理万妓/ 2022年09月16日 13:27/ 0 赞/ 385 阅读

相关针对IE的条件注释

<p class="accent">  <!--

￡神魔★判官ぃ/ 2022年07月28日 00:06/ 0 赞/ 148 阅读

相关关于ajax请求在IE6，9下的缓存问题

最近的项目中，用到了很多ajax请求，大多用的都是jquery中的函数，如$.getJson()，为的是返回一个json格式的字符串便于后续操作。这样写，看上去没有什么问题

素颜马尾好姑娘i/ 2022年06月16日 23:41/ 0 赞/ 175 阅读

相关 mysql针对查询结果，批量插入不同的uuid

SELECT REPLACE (UUID(), '-', '') id,id extend_value FROM `portal_product` REPLAC

电玩女神/ 2022年06月11日 08:59/ 0 赞/ 804 阅读