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 相关文章推荐
jquery实现奇偶行赋值不同css值
Feb 17 Javascript
javascript限制用户只能输汉字中文的方法
Nov 20 Javascript
javascript实现图像循环明暗变化的方法
Feb 25 Javascript
Vue数据驱动模拟实现3
Jan 11 Javascript
React-Native中props具体使用详解
Sep 04 Javascript
微信小程序仿RadioGroup改变样式的处理方案
Jul 13 Javascript
微信小程序websocket聊天室的实现示例代码
Feb 12 Javascript
小程序富文本提取图片可放大缩小
May 26 Javascript
Nuxt.js的路由跳转操作(页面跳转nuxt-link)
Nov 06 Javascript
js实现鼠标拖曳效果
Dec 30 Javascript
vue自定义组件实现双向绑定
Jan 13 Vue.js
Vue3.0中Ref与Reactive的区别示例详析
Jul 07 Vue.js
详解用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
某大型网络公司应聘时的笔试题目附答案
2008/03/27 PHP
thinkphp使用phpmailer发送邮件的方法
2014/11/24 PHP
Yii2框架视图(View)操作及Layout的使用方法分析
2019/05/27 PHP
javascript实现的鼠标链接提示效果生成器代码
2007/06/28 Javascript
Javascript实现的类似Google的Div拖动效果代码
2011/08/09 Javascript
js特殊字符过滤的示例代码
2014/03/05 Javascript
Jquery实现自定义窗口随意的拖拽
2014/03/12 Javascript
自己使用js/jquery写的一个定制对话框控件
2014/05/02 Javascript
jquery获取html元素的绝对位置和相对位置的方法
2014/06/20 Javascript
常用jQuery选择器总结
2014/07/11 Javascript
超棒的响应式布局jQuery插件Freetile.js
2014/11/17 Javascript
javascript实现网页背景烟花效果的方法
2015/08/06 Javascript
对于jQuery性能的一些优化建议
2015/08/13 Javascript
js控制多图左右滚动切换效果代码分享
2015/08/26 Javascript
javascript中加var和不加var的区别 你真的懂吗
2016/01/06 Javascript
Bootstrap基本插件学习笔记之Popover提示框(19)
2016/12/08 Javascript
node通过npm写一个cli命令行工具
2017/10/12 Javascript
ES6中Class类的静态方法实例小结
2017/10/28 Javascript
JavaScript生成指定范围的时间列表
2018/03/19 Javascript
Nodejs 和 Electron ubuntu下快速安装过程
2018/05/04 NodeJs
vue实现倒计时获取验证码效果
2020/04/17 Javascript
[54:10]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第一场 6.2
2018/06/03 DOTA
利用python发送和接收邮件
2016/09/27 Python
python根据unicode判断语言类型实例代码
2018/01/17 Python
如何在 Django 模板中输出 "{{"
2020/01/24 Python
Python格式化输出--%s,%d,%f的代码解析
2020/04/29 Python
详解python内置模块urllib
2020/09/09 Python
详解基于Facecognition+Opencv快速搭建人脸识别及跟踪应用
2021/01/21 Python
html5实现的便签特效(实战分享)
2013/11/29 HTML / CSS
颇特女士:NET-A-PORTER(直邮中国)
2020/07/11 全球购物
什么是抽象
2015/12/13 面试题
本科生求职简历的自我评价
2013/10/21 职场文书
公司中秋节活动方案
2014/02/12 职场文书
幼师求职自荐信
2015/03/26 职场文书
2015年安全月活动总结
2015/03/26 职场文书
python中sys模块的介绍与实例
2021/04/17 Python