为了账号安全,请及时绑定邮箱和手机立即绑定

Angularjs在360兼容模式下取数据缓存问题

标签:
AngularJS

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

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

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

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消