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 相关文章推荐
JavaScript动态修改背景颜色的方法
Apr 16 Javascript
javascript将DOM节点添加到文档的方法实例分析
Aug 04 Javascript
DOM事件阶段以及事件捕获与事件冒泡先后执行顺序(图文详解)
Aug 18 Javascript
js强制把网址设为默认首页
Sep 29 Javascript
jQuery实用密码强度检测
Mar 02 Javascript
Vue cli 引入第三方JS和CSS的常用方法分享
Jan 20 Javascript
swiper 解决动态加载数据滑动失效的问题
Feb 26 Javascript
使用异步controller与jQuery实现卷帘式分页
Jun 18 jQuery
用Node写一条配置环境的指令
Nov 14 Javascript
vue+elementUI 实现内容区域高度自适应的示例
Sep 26 Javascript
详解Vue中的watch和computed
Nov 09 Javascript
在Vue中使用CSS3实现内容无缝滚动的示例代码
Nov 27 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
Laravel中Facade的加载过程与原理详解
2017/09/22 PHP
PHP封装mysqli基于面向对象的mysql数据库操作类与用法示例
2019/02/25 PHP
一个不错的应用,用于提交获取文章内容,不推荐用
2007/03/03 Javascript
javascript 类型判断代码分析
2010/03/28 Javascript
JavaScript 异步方法队列链实现代码分析
2010/06/05 Javascript
jquery不会自动回收xmlHttpRequest对象 导致了内存溢出
2012/06/18 Javascript
javaScript array(数组)使用字符串作为数组下标的方法
2013/11/19 Javascript
jquery选择器原理介绍($()使用方法)
2014/03/25 Javascript
JavaScript中的Function函数
2015/08/27 Javascript
JavaScript构造函数详解
2015/12/27 Javascript
jquery实现超简单的瀑布流布局【推荐】
2017/03/08 Javascript
详解如何在Angular中快速定位DOM元素
2017/05/17 Javascript
JavaScript之promise_动力节点Java学院整理
2017/07/03 Javascript
VUE实现表单元素双向绑定(总结)
2017/08/08 Javascript
cocos2dx+lua实现橡皮擦功能
2018/12/20 Javascript
优雅的elementUI table单元格可编辑实现方法详解
2018/12/23 Javascript
JavaScript设计模式之代理模式实例分析
2019/01/16 Javascript
Vue CLI 2.x搭建vue(目录最全分析)
2019/02/27 Javascript
TypeScript的安装、使用、自动编译的实现
2020/04/10 Javascript
利用python获取某年中每个月的第一天和最后一天
2016/12/15 Python
Python中将变量按行写入txt文本中的方法
2018/04/03 Python
详解一种用django_cache实现分布式锁的方式
2019/09/01 Python
Python实现随机取一个矩阵数组的某几行
2019/11/26 Python
使用matplotlib绘制图例标签中带有公式的图
2019/12/13 Python
使用python实现飞机大战游戏
2020/03/23 Python
Python SQLAlchemy库的使用方法
2020/10/13 Python
多重CSS背景动画实现方法示例
2014/04/04 HTML / CSS
html5文字阴影效果text-shadow使用示例
2013/07/25 HTML / CSS
最好的商品表达自己:Cafepress
2019/09/04 全球购物
大型活动策划方案
2014/01/12 职场文书
职工代表大会主持词
2014/04/01 职场文书
民族学专业职业生涯规划范文:积跬步以至千里
2014/09/11 职场文书
见习报告格式要求
2014/11/04 职场文书
初二物理教学反思
2016/02/19 职场文书
Oracle更换为MySQL遇到的问题及解决
2021/05/21 Oracle
volatile保证可见性及重排序方法
2022/08/05 Java/Android