当前位置：首页 > 资讯 > 技术文档

Angularjs在360兼容模式下取数据缓存问题的解决办法

时间：2020-02-21 03:55 编辑：来源：阅读：
扫一扫，手机访问

摘要：Angularjs在360兼容模式下取数据缓存问题的解决办法

测试提了一个bug，在360浏览器兼容模式下，删除页面数据需要手动刷新浏览器才能看到最新的数据。首先要复现当时的问题，很容易就复现了，但是发现在360浏览器兼容模式下无法打开开发者工具。好在经过反复重装之后，终于打开了开发者工具，经过跟踪发现，第一次删除数据时可以正常刷新，第二次或以后的删除将无法刷新，跟踪代码，发现通过异步请求的数据正常的返回并且绑定了。点击搜索按钮，也无法实现刷新，但是点击分页，发现可以翻页。初步推断是浏览器缓存了异步请求数据，跟踪比较返回的数据发现，推断是正确的。于是从网上搜到一段代码，设置为无缓存请求，代码如下：

app.config(function ($httpProvider) {
 // Initialize get if not there
 if (!$httpProvider.defaults.headers.get) {
  $httpProvider.defaults.headers.get = {};
 }
 // Enables Request.IsAjaxRequest() in ASP.NET MVC
 $httpProvider.defaults.headers.common["X-Requested-With"] = 'XMLHttpRequest';
 //禁用IE对ajax的缓存
 $httpProvider.defaults.headers.get['Cache-Control'] = 'no-cache';
 $httpProvider.defaults.headers.get['Pragma'] = 'no-cache';
});

以上主要是我解决问题的思路和方法，期望能够帮助其他遇到这个问题的小伙伴们快速解决这个问题。

全部评论(0)

上一篇：div实现自适应高度的textarea实现angular双向绑定
下一篇：基于Angularjs+mybatis实现二级评论系统(仿简书)

资讯排行榜
更多>>