解决Ajax中IE浏览器缓存问题

解决Ajax中IE浏览器缓存问题 1.首先,先看一张图.从这张图中我们可以清楚的了解到从请求的发出到解析响应的过程. 2.根据图中的三个节点我们可以使用三种方式解决这个缓存问题(主要是针对ie) 2.1:强行让每次请求的地址不同 ① :在URL中添加随机数 ② :在URL中添加时间戳 2.2:让ie在延用缓存的时候真的发起请求,携带请求头 If-Modified-Since:0 故意让缓存过期让IE发起请求,并主动把缓存文件的产生时间携带到服务器端,进行缓存是否有效的比较在ajax对象.…

Ajax请求与浏览器缓存

在现代Web应用程序中,前端代码充斥着大量的Ajax请求,如果对于Ajax请求可以使用浏览器缓存,那么可以显著地减少网络请求,提高程序响应速度. 1. Ajax Request 使用jQuery框架可以很方便的进行Ajax请求,示例代码如下: 1 $.ajax({ 2 url : 'url', 3 dataType : "xml", 4 cache: true, 5 success : function(xml, status){ 6 } 7 }); 非常简单,注意其中的第4行代码:c…

node-express脚手架生成的项目中实现浏览器缓存

前言: 最近在做基于 node-express 的个人站点朵朵视野 ,在站点发布之后自己在访问测试的过程中发现站点是没有缓存机制的,这样就导致每次访问站点都需要重新去加载资源,很消耗资源以及用户体验也不是很好. 因为站点有上述问题,所以就着手去解决这个问题,解决方法就是通过浏览器缓存来实现.解决过程也是一波三折,最开始想的是通过设置最大过期时间 maxage 来实现,但是做完测试过程中发现通过这种方法添加浏览器缓存之后,当服务重启之后浏览器缓存依旧存在,而且必须通过手动清空缓存才可以使文件更改…

scss牛刀小试：解决css中适配浏览器前缀问题

在css中为适配浏览器,新特性总加 -webkit,-o, -moz 来适配浏览器,写的烦心,看着也臃肿,让css可读性降低,下面以阴影为例,如何使用scss让我们的css看起来更简洁. 本人使用的IDE为intellij_idea,关于scss怎么用,出门左转以阴影为例:当你在test.scss中写: @import "Function";//引入自定义Function函数 div{ width: 200px; height: 200px; margin: 40px; @inclu…

解决JS中各浏览器Date格式不兼容的问题

IE,Chrome和FireFox等浏览器都支持的一种日期格式是:2015/11/30 19:29:23. 所以,可以这样写: var timeStr = new Date("2015/11/30 19:29:30"); 但是,如果你从数据库或者调用其他接口得来的时间是这种格式的:2015-11-30 19:29:23. 则可以这样处理: var timeStr = "2015-11-30 19:29:30"; var time = new Date(timeStr…

解决ubuntu中firefox浏览器总是提示找不到server的问题

这个情况在我机器上常常出现,并且时不时的给你出点问题.可是有些时候等一下就好了.或者把引擎换到百度的话它就又行得通了.. 被这个问题搞得非常烦.上网查了下说是防火墙啊之类的出问题.可是自己弄了后这个问题还是常常出现.只是好好查了下资料还是发现了问题所在,感觉这脑袋真的挺笨的.. 假设在ping其它主机.本地地址等一些地址后都没问题的话,那应该就是dns域名解析出了问题了. 查看dns域名解析配置文件: $cat /etc/resolv.conf 比方我的是这个信息: # Dynamic reso…

使用HTML5中postMessage实现Ajax中的POST跨域问题

HTML5中提供了在网页文档之间相互接收与发送信息的功能.使用这个功能,只要获取到网页所在窗口对象的实例,不仅仅同源(域+端口号)的web网页之间可以互相通信,甚至可以实现跨域通信. 浏览器支持程度:IE8+,firefox4+,chrome8+ opera10+ 1. 首先,要想接收从其他的窗口发过来的消息,就必须对窗口对象的message事件进行监听,如下代码: window.addEventListener("message", function(){},false); 2. 其…

使用HTML5中postMessage 实现ajax中的POST跨域问题

Servlet过滤器——使用过滤器禁止浏览器缓存页面

1.概述 IE缓存虽然能提高已储存网站的访问速度,但是过度的IE缓存会影响浏览器的响应速度.同时还可能为网站的运行带来一些不必要的麻烦.例如:可能会因为浏览器缓存的应用,而导致Web服务器不能准确的计算一个页面或广告已被阅览的次数:在论坛或者网上商城系统中由于浏览器缓存的使用,导致更新的图片信息不能得到及时的显示:还有由于浏览器缓存的使用,而使网页设计者不能立即查看到网页更新后的效果. 所以在开发网站的过程中,最好是在程序中禁止浏览器缓存页面,从而避免上述问题的出现,也省去了手动清空浏览器缓存的…

<转>浏览器缓存机制

本篇博客转载自github,原文地址:浏览器缓存篇前言在前端开发中,缓存有利于加快网页的加载速度,同时缓存能够被反复利用,所以可以减少流量和带宽的开销. 缓存的分类有很多种,CDN缓存.数据库缓存.代理服务器缓存和浏览器缓存. 本篇讲解一下Web开发中的浏览器缓存.这个在实际开发环境中往往也会被问到,或者使用到.如何去准确认清楚缓存的概念,是前端必须要去学习的. 正文浏览器的缓存问题,主要指的是http的缓存——即协议层.而h5新增的storage和数据库缓存,那是应用层缓存,并不被计入本…

js进阶解决浏览器缓存不能自动更新的问题（在ajax的url上带上一个参数，可以是日期，或者是随机数）（随机数Math.random）（取得日期的毫秒数：new Date().getTime();）

js进阶解决浏览器缓存不能自动更新的问题(在ajax的url上带上一个参数,可以是日期,或者是随机数)(随机数Math.random)(取得日期的毫秒数:new Date().getTime();) 一.总结 js中的随机数Math.random js中取得日期的毫秒数:new Date().getTime(); 二.js进阶解决浏览器缓存不能自动更新的问题 ajax1.js function ajax(url,funSucc,fnFaild){ var xhr=new XMLHttpReque…

Ajax中浏览器的缓存问题解决方法

我们在做项目中,一般提交请求都会通过ajax来提交,但是测试的时候发现,每次提交后得到的数据都是一样的,调试可以排除后台代码的问题,所以问题肯定是出在前台每次清除缓存后,就会得到一个新的数据,所以归根到底就是浏览器缓存问题.纠结了很久,终于解决了,在这里总结一下. 我们都知道ajax能提高页面载入的速度主要的原因是通过ajax减少了重复数据的载入,也就是说在载入数据的同时将数据缓存到内存中,一旦数据被加载其中,只要我们没有刷新页面,这些数据就会一直被缓存在内存中,当我们提交的URL与历史的U…

解决IE浏览器缓存导致AJAX请求数据异常

IE10浏览器会把AJAX请求的数据都缓存下来,然后每次想去刷新数据时发现数据都是一样的,于是导致数据显示异常. 解决方法: 在页面<head>标签里,加上以下声明:  <meta HTTP-EQUIV="pragma" CONTENT="no-cache"> <meta HTTP-EQUIV="Cache-Control" CONTENT="n…

解决$.getJSON在IE浏览器下出现数据缓存,第一次访问某个后台路径之后，再次访问该路径不再走后台的方法。

最近写代码的时候遇到一个小问题,我用的是火狐,项目里测试人员用的是IE,当用jquery的getjson函数从后台获取数据的时候,IE浏览器会自动设置缓存,如果此时你对数据进行修改的时候刷新页面,IE并不会在页面显示你修改后的数据,因为你刷新的时候IE浏览器会查找缓存并显示你修改前的数据,试了一些方法未果,最后在网上查了些资料终于解决了IE浏览器下的问题. 例如我们在IE浏览器中使用$.getJSON执行删除数据的操作,我们第一次执行删除数据的操作,操作成功,我们第二次或以后再次执行删除数据的…

jQuery中ajax的使用和缓存问题解决 $getjson 与$get都会被IE缓存

原文地址:http://www.cnblogs.com/fullhouse/archive/2012/01/17/2324842.html 1:GET访问浏览器认为是等幂的就是一个相同的URL 只有一个结果[相同是指整个URL字符串完全匹配]所以第二次访问的时候如果 URL字符串没变化浏览器是直接拿出了第一次访问的结果 POST则认为是一个变动性访问 (浏览器认为 POST的提交必定是有改变的) 防止 GET 的等幂访问就在URL后面加上 ?+new Date…

Ajax【介绍、入门、解决Ajax中文、跨域、缓存】

什么是Ajax Ajax(Asynchronous JavaScript and XML) 异步JavaScript和XML Ajax实际上是下面这几种技术的融合: (1)XHTML和CSS的基于标准的表示技术 (2)DOM进行动态显示和交互 (3)XML和XSLT进行数据交换和处理 (4)XMLHttpRequest进行异步数据检索 (5)Javascript将以上技术融合在一起客户端与服务器,可以在[不必刷新整个浏览器]的情况下,与服务器进行异步通讯的技术为什么我们需要Ajax? 在我们…

Ajax跨域问题及解决方案 asp.net core 系列之允许跨越访问(Enable Cross-Origin Requests:CORS) c#中的Cache缓存技术 C#中的Cookie C#串口扫描枪的简单实现 c#Socket服务器与客户端的开发(2)

Ajax跨域问题及解决方案目录复现Ajax跨域问题 Ajax跨域介绍 Ajax跨域解决方案一. 在服务端添加响应头Access-Control-Allow-Origin 二. 使用JSONP解决小结复现Ajax跨域问题做两个简单的小项目复现Ajax跨域问题. 后端语言使用Java 首先是一个简单的订单系统, 通过访问/loadOrderList, 最终以json串形式返回订单集合. 该项目使用Tomcat发布在7070端口. @RequestMapping("/loadOrder…

发布时一键添加html中的css标签和script标签版本号来防止浏览器缓存

AppendFileVersion 是一个VSIX插件支持vs2015意以上版本是我用来发布时一键添加html中的css标签和script标签版本号来防止浏览器缓存分享给大家! download https://marketplace.visualstudio.com/items?itemName=nainaigu.AppendSrcVersion github源码地址: https://github.com/yuzd/AppendFileVersion 别忘记点个赞哦谢谢为什么写这个插件…

web网站css，js更新后客户浏览器缓存问题，需要刷新才能正常展示的解决办法

问题描述最近将公司官网样式进行了调整,部署到服务器后访问发现页面展示不正常,但是刷新之后就会展示正常. 问题分析研究之后发现可能的原因有 css文件过大,加载缓慢本地缓存问题,虽然服务器修改了css文件,但是浏览器仍然使用本地缓存的css, 需要用户多刷新一次才能正常展示显然是很不合理的,那么怎么样解决更新后让浏览器请求新的css或js文件呢? 解决办法方法1 更新文件后更改css/js文件名. 其实解决这个问题很简单,缓存是通过文件名标记缓存的内容的.在你更新了网站的css文件内容后,…

【转载】web网站css，js更新后客户浏览器缓存问题，需要刷新才能正常展示的解决办法

原文:http://blog.csdn.net/csdn100861/article/details/50684438 问题描述部署到服务器后访问发现页面展示不正常,但是刷新之后就会展示正常. 问题分析可能的原因有 css文件过大,加载缓慢本地缓存问题,虽然服务器修改了css文件,但是浏览器仍然使用本地缓存的css, 需要用户多刷新一次才能正常展示显然是很不合理的,那么怎么样解决更新后让浏览器请求新的css或js文件呢? 解决办法方法1 更新文件后更改css/js文件名. 其实解决这个问…

ajax响应报文可以被浏览器缓存的必要条件

1.发送请求时必须使用get方法. 2.服务器端设置响应报文的Expires为希望浏览器缓存的时间如果这两个条件都不满足时,也就是说无法通过浏览器缓存来缓存文件时: 在js中设置一个localCache数组,将ajax返回的报文以url为键储存在localCache中. var localCache = [], url = "http://www....."; if(localCache[url]){ doSomething(localCache[url]); }else{ $.aj…

利用gulp解决微信浏览器缓存问题

做了好多项目,这次终于要解决微信浏览器缓存这个令人头疼的问题了.每次上传新的文件,在微信浏览器中访问时,总要先清除微信的缓存,实在麻烦,在网上搜罗了很多解决办法,终于找到了方法:利用gulp解决缓存问题.关于gulp大家可以去gulp官网去详细了解. 这篇文章主要参考于Gulp解决发布线上文件(CSS和JS)缓存问题和Gulp.js----比Grunt更易用的前端构建工具两篇文章,在这里先谢过原作者. 本文主要记录安装gulp以及使用.解决缓存问题的过程,以便日后方便查阅. 1.安装NodeJS…

引用静态资源的url添加版本号，解决版本发布后的浏览器缓存有关问题

在日常的工作中,我们经常会遇到页面文件(html,jsp等)中引用的js,css,图片等被修改后,而浏览器依然缓存着老版本的文件,客户一时半会看不到修改后的效果,同时也给生产环境的版本发布带来了一些问题. 其实遇到这种问题,我们第一反应是清空浏览器缓存,但是我们不是客户啊,也不能要求客户每次去清空缓存.所以遇到这种问题我们的解决方法如下: 通常的解决方法就是在资源后跟上随机的参数或者版本号,日期等,来刷新浏览器的缓存使其到服务器上重新下载这些文件,如淘宝:http://a.tbcdn.cn/p/…

解决微信浏览器缓存站点入口文件(IIS部署Vue项目)

最近开发的微信公众号项目中(项目采用Vue + Vux 构建,站点部署在IIS8.5上),遇到个非常奇葩的问题,发布站点内容后,通过微信打开网址发现是空白页面(后来验证是微信浏览器缓存了入口文件-index.html,顾之前版本的index页面找不到对应的js,因为我们每次发布会将之前的版本放至另外的备份目录),但关闭网页再次去打开又是正常的.最初开发内部测试时该问题没有引起关注,因为开发人员大部分都是android的手机,后来测试发现,某些android机型不是必现此问题,但是苹果(IOS)机…