最近做测试时碰到一个问题,chrome下使用ajax的一些方法(如get,load等)的时候完全失效: $(function() { $("#send").click(function() { $("#resText").load("test.html"); }); }); 代码如上,在其他浏览器,如firefox中表现正常: 百度谷歌之后,才发觉原来是chrome里面对非服务端的AJAX调用做了严格的限制,如果放到服务器上,使用http:访问就

你知道 response.setHeader("Cache-Control","no-cache"); 这条语句是干什么的吗? 这是用来防止浏览器缓存动态内容生成JSP或Servlet. 你设置这个属性在HTTP头的响应对象这将告诉浏览器不缓存这个内容.所以你每次请求页面再次,浏览器将使一个新的请求,而不是向你展示一个缓存的页面. 你可以使用服务器端控制AJAX页面缓存: response.setHeader( "Pragma", "n

最常用的方法是 方法1:服务器端代码加入  代码如下 复制代码 response.setHeader("Cache-Control", "no-cache, must-revalidate"); 方法2:用JavaScript在Ajax提交的时候加入一个随机数作为URL中的一个参数.  代码如下 复制代码 req.open(url + "&" + Math.random). 原因:IE中如果XMLHttpRequest提交的URL与历史一

项目经理最近返回了一些问题: (客户浏览器为IE11,本地360,谷歌没发现任何问题) 1.加载页面时下拉框中没有数据,关闭之后再打开出现数据: 2.数据保存之后页面没有刷新: 我也是接手别人的项目,发现问题之后开始尝试解决问题 首先,查看兼容性,我们公司的系统前端用的是easyui这个前端UI框架,查看兼容性兼容IE10以上,客户浏览器是IE11,框架应该没有问题. 还原一下客户出现的问题: 这是代码: 按F12进行检查,发现第一次打开该页面的时候请求报错302,但是第二次打开的时候请求正常,

Ajax的兼容: 在ie 6 7 8 不支持XMLHttpRequest的对象: 他的Ajax内置对象为ActiveXObject("Microsoft XMLHTTP") 除了内置对象不一样外,剩下的都一样 兼容性的处理方法: var http; if(window.XMLHttpRequest){ http=new XMLHttpRequest; } else{ http=new ActiveXObject("Microsoft XMLHTTP") } 最流行A

一 现象 get请求在有些浏览器中会缓存.浏览器不会发送请求,而是使用上次请求获取到的结果. post请求不会缓存.每次都会发送请求. 二 解决 jQuery提供了禁止Ajax请求缓存的方法: $.ajax({ type: "get", url: "http://www.baidu.com?_=", cache: false }); 它的工作原理是在GET请求参数中附加时间戳"_={timestamp}" 三 源码 jQuery.extend(

今天做了一个小功能:点击鼠标实时更新系统时间,采用ajax,过程很顺利,没遇到啥差错,谷歌,火狐,欧鹏一律通过,怀着忐忑的心情点开了IE8,果然,IE要对得起前端杀手的称号:更新不了时间. 查了一下这才发现IE一直存在这个问题,内部原因是:当第一次请求数据时能顺利返回,第二次以后IE会默认使用上次的缓存数据,这就造成了每次发送请求后返回的数据没有更新的原因. 解决方法: 1.最直接有效的就是在请求页后面加上随机函数,随机函数可以是Math.random(),也可以是new Date().getT

$.ajax({ url : actionUrl , beforeSend :function(xmlHttp){  // deforeSend 是请求前清除缓存  ,如果没有缓存也不使用beforeSend   xmlHttp.setRequestHeader("If-Modified-Since","0");   xmlHttp.setRequestHeader("Cache-Control","no-cache");  

function cityListChange(cityCode){ //{lon=121.491121, name=上海, province=上海市, telPrefix=021, provinceid=310000, code=310100, lat=31.243466, platePrefix=沪} $.ajax({ type: "get", dataType: "json", url: "${contextPath}/carUpload/cityL

在IE中,Ajax回来的数据会有缓存的现象发生,解决方式: 1,改变URL,每次请求加一个随机数参数Math.random()或者new Date().getTime(),这样IE会认为URL不一样,从而不缓存 2,Jquery Ajax中配置cache:false

原文:http://www.ido321.com/129.html 1.在ajax发送请求前加上 anyAjaxObj.setRequestHeader(“If-Modified-Since”,”0″). 2.在ajax发送请求前加上 anyAjaxObj.setRequestHeader(“Cache-Control”,”no-cache”). 3.在URL后面加上一个随机数: “fresh=” + Math.random();. 4.在URL后面加上时间搓:”nowtime=” + new

我最近在IE下测试开发我们的系统,经常出现改过的jsp页面,刷新IE后也不能显示,这就是IE的缓存问题,查了一下百度,说是IE9在ajax进行请求时,如果两次请求url相同,则不会请求服务器,而是从缓存中取数值,这相当麻烦,困扰开发者.但是还是有解决办法的,就是在url中加一个时间戳参数,这样每次url就不一样啦,就可以请求服务器,没有缓存问题. 代码示例如下:在url后面添加一个时间戳的参数即可,是不是很简单呢 var sysTime=new Date().getTime(); $.getJS

Ajax本身是不支持跨域的,而我们在开发工作中,可能会遇到本地开发环境未配置相关代码,需要到其他服务器上获取数据的情况,尤其在用HTML5开发app的过程中,前后台完全分离,使用Ajax进行数据交互,这种情况非常常见. 我们可以通过对谷歌浏览器进行设置,利用命令行标记 –disable-web-security ,方便跨域调用数据做测试. 版本号49之前的跨域设置 1.首先谷歌快捷方式上右击,在下拉列表中选择属性. 2.打开属性窗口,切换到快捷方式选项卡. 3.在目标路径的后面添加[ –disa

主流浏览器都有缓存机制,主要基于HTTP协议定义的缓存策略.对于一定时间内不发生变动的文档缓存起来,对于下次请求,就可以直接返回缓存的结果.使用缓存有以下好处: 1.减少冗余的数据传输,节省网络流量成本2.减少加载时间,客户能够快速加载页面3.减少对服务端的压力,避免过载 我们一般会为静态文件,如图片,脚本,样式表等设置缓存,这样客户端在下次请求时可以减少不必要的网络请求.实际上,我们可以把它用在所有组件上,包括Ajax响应,只要可以确认结果不经常变动,就可以使用缓存策略. AJAX AJAX

1.在Ajax发送请求钱加上anyAjaxObj.setRequestHeader("If-Modeified-Since","0").2.在Ajax发送请求钱加上anyAjaxObj.setRequestHeader("Cache-Control","no-cache").3.在URL后面加上一个随机数:"fresh="+Math.random();.4.在URL后面加上时间戳:"noewtim

IE浏览器对于同一个URL只返回相同结果.因为,在默认情况下,IE会缓存ajax的请求结果.对于同一个URL地址,在缓存过期之前,只有第一次请求会真正发送到服务端.大多数情况下,我们使用ajax是希望实现局部刷新的,所以这就牵扯到一个改进的问题. 如果想每次都获取到最新数据,我们只需保证每次传入的URL不一样.最简单的方法就是通过给url拼接参数.利用math函数的random()方法生成随机数. 比如访问百度www.baidu.com,我们就可以把地址写成www.baidu.com?t=Mat

今天实现网站注销功能时,需要清除cookie缓存,开始在网上搜索的是“js清除缓存”,发现很多都是预先防患缓存存储的内容,千篇一律,不过也学习到了:后来换成"js清除cookie"才找到自己想要的结果. 先学习一下预先防治缓存存储的方式吧 在http中,控制缓存开关的字段有两个:Pragma 和 Cache-Control,后者拥有最高优先级,只要与其他设置相抵触,一律覆盖之. Pragma有两个字段Pragma和Expires.Pragma是http1.0字段,值为no-cache时

清除缓存快捷键 Ctrl+Shift+Delete

hash 模拟url路由 function hashdone(){        var hash;        hash=(!window.location.hash)?"#one":window.location.hash;        window.location.hash=hash;        var hashStr = location.hash.replace("#","");        switch(hash){   

虽然jquery的较新的api已经很好用了, 但是在实际工作还是有做二次封装的必要,好处有:1,二次封装后的API更加简洁,更符合个人的使用习惯:2,可以对ajax操作做一些统一处理,比如追加随机数或其它参数.同时在工作中,我们还会发现,有一些ajax请求的数据,对实时性要求不高,即使我们把第一次请求到的这些数据缓存起来,然后当相同请求再次发起时直接拿之前缓存的数据返回也不会对相关功能有影响,通过这种手工的缓存控制,减少了ajax请求,多多少少也能帮助我们提高网页的性能.本文介绍我自己关于这两方

项目有时要用一些Ajax的效果,因为比较简单,也就没有去用什么Ajax.NET之类的东西,手写代码也就实现了.. 第二天,有人向我报告错误:说是只有第一次读取的值正常,后面的值都不正常:我调试了一下 ,确实有这样的问题,查出是因为AJAX缓存的问题:解决办法有如下几种:       1.在服务端加 header("Cache-Control: no-cache, must-revalidate");(如PHP中) 2.在ajax发送请求前加上 anyAjaxObj.setRequest