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


Posted in Javascript onJune 22, 2017

测试提了一个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';
});

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

Javascript 相关文章推荐
跨浏览器开发经验总结(四) 怎么写入剪贴板
May 13 Javascript
JavaScript中的函数的两种定义方式和函数变量赋值
May 12 Javascript
jQuery子属性过滤选择器用法分析
Feb 10 Javascript
this,this,再次讨论javascript中的this,超全面(经典)
Jan 05 Javascript
javascript 四十条常用技巧大全
Sep 09 Javascript
jQuery实现ToolTip元素定位显示功能示例
Nov 23 Javascript
Bootstrap3 datetimepicker控件使用实例
Dec 13 Javascript
NPM 安装cordova时警告:npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to
Dec 20 Javascript
微信小程序自定义导航隐藏和显示功能
Jun 13 Javascript
vue-cli 默认路由再子路由选中下的选中状态问题及解决代码
Sep 06 Javascript
微信小程序实现预览图片功能
Oct 22 Javascript
如何在JavaScript中使用localStorage详情
Feb 04 Javascript
详解用webpack2搭建angular2的项目
Jun 22 #Javascript
vue2.0实现分页组件的实例代码
Jun 22 #Javascript
纯JS实现只能输入数字的简单代码
Jun 21 #Javascript
详解ElementUI之表单验证、数据绑定、路由跳转
Jun 21 #Javascript
Vue实现百度下拉提示搜索功能
Jun 21 #Javascript
vue2.0中click点击当前li实现动态切换class
Jun 21 #Javascript
jQuery实现可拖动进度条实例代码
Jun 21 #jQuery
You might like
Memcache 在PHP中的使用技巧
2010/02/08 PHP
php中error与exception的区别及应用
2014/07/28 PHP
php中convert_uuencode()与convert_uuencode函数用法实例
2014/11/22 PHP
浅谈php(codeigniter)安全性注意事项
2017/04/06 PHP
php编程实现简单的网页版计算器功能示例
2017/04/26 PHP
thinkphp中的多表关联查询的实例详解
2017/10/12 PHP
Javascript remove 自定义数组删除方法
2009/10/20 Javascript
jquery.cookie() 方法的使用(读取、写入、删除)
2013/12/05 Javascript
jQuery实现复选框全选/取消全选/反选及获得选择的值
2014/06/12 Javascript
原生JS实现拖拽图片效果
2020/08/27 Javascript
ajax在兼容模式下失效的快速解决方法
2016/03/22 Javascript
浅谈几种常用的JS类定义方法
2016/06/08 Javascript
JS实现点击网页判断是否安装app并打开否则跳转app store
2016/11/18 Javascript
BootStrap Table实现server分页序号连续显示功能(当前页从上一页的结束序号开始)
2017/09/12 Javascript
详解webpack中的hash、chunkhash、contenthash区别
2018/01/05 Javascript
layer弹窗在键盘按回车将反复刷新的实现方法
2019/09/25 Javascript
uniapp微信小程序实现一个页面多个倒计时
2020/11/01 Javascript
详解React路由传参方法汇总记录
2020/11/29 Javascript
layui使用及简单的三级联动实现教程
2020/12/01 Javascript
[04:03]辉夜杯主赛事 12月25日RECAP精彩回顾
2015/12/26 DOTA
python连接mongodb操作数据示例(mongodb数据库配置类)
2013/12/31 Python
git进行版本控制心得详谈
2017/12/10 Python
使用python和Django完成博客数据库的迁移方法
2018/01/05 Python
详解如何用django实现redirect的几种方法总结
2018/11/22 Python
TensorFlow 显存使用机制详解
2020/02/03 Python
英国No.1文具和办公用品在线:Euroffice
2016/09/21 全球购物
Chupi官网:在爱尔兰手工制作的订婚、结婚戒指和精美珠宝
2020/09/28 全球购物
什么是方法的重载
2013/06/24 面试题
卫生系统先进事迹
2014/05/13 职场文书
2014年个人年终总结
2015/03/09 职场文书
2015年幼儿园班务工作总结
2015/05/12 职场文书
2015年十月一日放假通知
2015/08/18 职场文书
2016年公务员六五普法心得体会
2016/01/21 职场文书
2016年圣诞节活动总结范文
2016/04/01 职场文书
导游词之天下银坑景区
2019/11/21 职场文书
node.js如何自定义实现一个EventEmitter
2021/07/16 Javascript