360浏览器 ajax取缓存,web开发遇到的坑之360浏览器缓存问题

web开发遇到的坑之360浏览器缓存问题

再使用360浏览器，浏览我自己开发的一个配置的web管理后台时，发现，使用ctrl+F5都不能刷新表格的数据，还有，我添加字段时，明明是添加成功的，用sql再数据库查都能查出来。但表格里就是不显示。我从来没遇到这样的问题，把我个整懵了。于是我只好百度，发现这个360浏览器是与我平时用的火狐不一样，网上果然有解决方案。

详细如下：

3.1、在 get 请求的 url 后面带上时间戳参数，如：

url: prefix + "/network/equipment?times="+new Date().getTime(),

3.2、进行请求设置，强制要求缓存服务器在返回缓存的版本之前将请求提交到源头服务器进行验证

ajax 使用 setRequestHeader 方法，jQuery 中使用 cache: false 设置，axios中设置header。

// ajax

xhr.setRequestHeader("Cache-Control", "no-cache");

xhr.setRequestHeader("Pragma", "no-cache");

// jQuery cache: false 设置

$.ajax({

type: "get",

cache: false,

url: url,

success: function (msg) {

}

});

// axios

const http = axios.create({

// ...

headers: {

'Pragma': 'no-cache',

'Cache-Control': 'no-cache'

}

// ...

})

3.3、将get请求改为post请求

360浏览器 ajax取缓存,web开发遇到的坑之360浏览器缓存问题相关推荐

ajax应用设计模式,Ajax设计模式下Web开发的研究与应用
摘要: 随着Web应用的日益广泛和Web开发技术的不断发展,以用户体验型网络服务为特征的Web应用代表了目前互联网的发展趋势.在Web应用系统架构的几次转变中,一种新的Web应用交互模型被提出--Aj ...
360浏览器 ajax取缓存,Angularjs在360兼容模式下取数据缓存问题的解决办法
测试提了一个bug,在360浏览器兼容模式下,删除页面数据需要手动刷新浏览器才能看到最新的数据.首先要复现当时的问题,很容易就复现了,但是发现在360浏览器兼容模式下无法打开开发者工具.好在经过反复重 ...
ie9以下兼容ajax跨域访问，解决ie9以下浏览器ajax请求报error拒绝访问方案解决ie9以下浏览器ajax请求报400问题方案
解决方案如下: 1.ie9以下兼容ajax跨域访问 2.ajax请求开始前添加 jQuery.support.cors = true; 允许跨域 3.ie浏览器设置允许通过域访问数据并且 ur ...
跟我一起创建一个简单的javascript ajax对象 ---献给Web开发初学者
如今jQuery是非常的实用,我也很喜欢.但是作为web初学者而言,我个人不建议在没有js以及css的基础上直接学习使用jquery,因为那样会让你脱离底层,影响对网页编程的深入了解,对灵活进行浏览器 ...
2017最新整理移动Web开发遇到的坑
随着前端的热度不断升温,行业对前端的要求越来越高:精准无误的实现UI设计,已成为前端职业更加精细化的一种表现: 随着移动互联网的发展.WebApp似乎一种不可逾越的鸿沟:越来越多的企业开始趋势于轻量级 ...
api 微信内置浏览器js_【微网站开发】之微信内置浏览器API使用
最近在写微网站,发现了微信内置浏览器的很多不称心的地方: 1.安卓版的微信内浏览器底部总是出现一个刷新.前进.后退的底部栏,宽度很大,导致屏幕显示尺寸被压缩 2.分享当前网站至朋友圈时,分享的图片一般 ...
eclipse下web开发中缓存问题
eclipse下web开发中缓存问题原创 2016年04月06日 17:27:14 标签: eclipse / 缓存 / web开发 2351 问题描述:对web文件无论怎么修改,甚至删除,最后都会 ...
Java Web现代化开发：Spring Boot + Mybatis + Redis二级缓存
背景 Spring-Boot因其提供了各种开箱即用的插件,使得它成为了当今最为主流的Java Web开发框架之一.Mybatis是一个十分轻量好用的ORM框架.Redis是当今十分主流的分布式key- ...
python上手--flask框架web开发实践-数据库
这篇文章,由易而难,步骤清晰,思路讲得很明白.花两小时跟着作者稻谷先生的这篇文章走一遍,对学习python使用Flask来开发web的应用很有帮助. python上手--flask框架web开发实践 ...

360浏览器 ajax取缓存,web开发遇到的坑之360浏览器缓存问题

360浏览器 ajax取缓存,web开发遇到的坑之360浏览器缓存问题相关推荐

最新文章

热门文章