ajax 解决缓存问题

最新推荐文章于 2024-06-20 16:43:07 发布
最新推荐文章于 2024-06-20 16:43:07 发布
阅读量2k 收藏 1
点赞数
分类专栏： ajax learning…… javascript 文章标签： ajax xmlhttprequest function url date float
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mathew3625/article/details/1884019
版权

 

ajax  缓存老是得不到新的response   以前为这个都烦死了,今天无意中发现原来我没有太多的思考,解决方法很简单:

 

< script type = " text/javascript " >
     
                     var  xmlHttp;

                     function  createXMLHttpRequest() {
                        
                        if (window.ActiveXObject){
                            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                        }else if(window.XMLHttpRequest){
                            xmlHttp = new XMLHttpRequest();
                        }
                        
                    }
                     function  dealAct(myurl) {
                        
                        var url = myurl; 
                        
                        createXMLHttpRequest();
                        xmlHttp.onreadystatechange = handleStateChange; 
                        document.getElementById("float").style.display="block";
                        xmlHttp.open("GET",url);
                        xmlHttp.send(null);
                        
                    }

                     function  handleStateChange() {
                     
                                document.getElementById("content").innerHTML = "<img src=images/loading.gif>數據載入中...."; 
                                                       
                        if(xmlHttp.readystate == 4){    
                            if(xmlHttp.status == 200){ 
                                document.getElementById("content").innerHTML = xmlHttp.responseText; 
                                var flag = MsgProject.SendWriteMail.CheckSession();
                                
                                if(flag.value==true)
                                {
                                //alert(flag.value);
                                document.getElementById("float").style.display='none';
                                document.getElementById("content").innerHTML ="沒有數據！";
                                }
                                //alert( xmlHttp.responseText);
                                                }
                                                }
                            
                        
                    }


                     function  getdata()
                     {
                        var round =  new Date().getTime();
                        var thisurl = "maillist.aspx?Rnd="+round;
                        
                        dealAct(thisurl);
                    }
         </ script >





// 调用:
<body MS_POSITIONING="GridLayout" onload="getdata()">

 

关键是:

var round = new Date().getTime();

var thisurl = "maillist.aspx?Rnd="+round;

产生了随机的页,也就是说创建了新的response对象

使用AJAX取得远程服务器端数据，刷新后不能更新数据内容。这是因为IE缓存的原因，有两种解决办法。

一、在服务器端设定内容禁止缓存，代码如下：

Response.ExpiresAbsolute = DateTime.Now.AddDays(-1)
Response.Expires = 0
Response.CacheControl = "no-cache"

二、浏览器的缓存是以url为标识的，在url后加个随机参数就可以保证每次的url不同，就不会用到缓存了。

url = "showDetails.do?id="+ curID + "&Rnd=" + new Date().getTime();

mathew3625
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
清除AJAX的缓存,清除AJAX的缓存
05-25
清除AJAX的缓存; 清除AJAX的缓存 清除AJAX的缓存 清除AJAX的缓存
ajax缓存问题解决途径
12-17
理解并掌握这些策略可以帮助你有效地解决Ajax缓存问题，确保用户始终获取到最新数据。同时，需要注意，虽然缓存可以提高用户体验，但过度依赖缓存可能导致数据的延迟更新，因此需要根据具体应用需求权衡是否开启缓存...
Ajax缓存解决办法
指间的阳光
04-21 1271
项目有时要用一些Ajax的效果，因为比较简单，也就没有去用什么Ajax.net之类的东西，手写代码也就实现了。、第二天，有人向我报告错误；说是只有第一次读取的值正常，后面的值都不正常；我调试了一下，确实有这样的问题，查出是因为AJAX缓存的问题：解决办法有如下几种:1、在服务端加 header("Cache-Control: no-cache, must-revalidate");　
解决Ajax请求浏览器缓存问题的几种方法
最新发布
m0_65084430的博客
06-20 311
在进行Ajax数据请求时，有时会遇到浏览器缓存响应结果的问题，导致无法获取到最新数据。本文介绍几种解决方法，帮助你确保每次请求都能获得最新的数据。
ajax 缓存问题及解决方案
weixin_34268610的博客
07-25 149
  ajax 缓存问题及解决方案 CreationTime--2018年7月25日16点04分 Author:Marydon 1.什么情况下ajax请求会出现缓存？ 　　当请求的路径、参数名、参数值三者都没有发生变化时，浏览器将不会再发送此请求，只有这三者其中任意一个发生变化时（变化的一般只有参数值）， 　　浏览器才会再次向服务器发送请求！ 　　缓存测试： 　　总共四次请求...
Ajax请求与浏览器缓存
weixin_30892889的博客
08-23 187
Ajax请求与浏览器缓存 在现代Web应用程序中，前端代码充斥着大量的Ajax请求，如果对于Ajax请求可以使用浏览器缓存，那么可以显著地减少网络请求，提高程序响应速度。 1. Ajax Request 使用jQuery框架可以很方便的进行Ajax请求，示例代码如下： 1 $.ajax({ 2 url : 'url', 3 dataType : "xml", 4...
如何解决ajax缓存问题,Ajax缓存问题的解决方法汇总
weixin_33108105的博客
08-06 552
Ajax缓存问题的解决方法汇总 内容精选换一换开发过程中，您有任何问题可以在github上提交issue，或者在华为云对象存储服务论坛中发帖求助。接口参考文档详细介绍了每个接口的参数和使用方法。此类错误一般有三种原因：初始化ObsClient时传入的SK有误，解决方法：检查SK，确保正确；旧版本OBS Java SDK的BUG，解决方法：升级SDK到最新版本；OBS Java SDK开发过程中，您...
Ajax中浏览器的缓存问题解决方法
10-27
我们在做项目中，一般提交请求都会通过ajax来提交，但是测试的时候发现，每次提交后得到的数据都是一样的，调试可以排除后台代码的问题，所以问题肯定是出在前台
如何解决Ajax请求结果的缓存问题说明
10-27
### 如何解决Ajax请求结果的缓存问题 #### 一、引言与背景 随着Web技术的发展，Ajax（Asynchronous JavaScript and XML）已经成为现代Web应用不可或缺的一部分，它允许网页在不重新加载整个页面的情况下更新部分...
ajax 缓存 问题 requestheader
09-05
总结来说，处理AJAX缓存问题的关键在于正确设置HTTP请求头，以确保浏览器始终获取最新的服务器数据。在Prototype库中，可以通过传递`requestHeaders`选项来设置这些头信息，确保每次请求都是新鲜的，不受缓存影响。...
ajax缓存解决办法
yanick技术博客
07-07 1325
1、加个随机数  xmlHttp.open("GET", "ajax.asp?now=" + new Date().getTime(), true); 2、在要异步获取的asp或asp.net页面中写一段禁止缓存的代码：  (时间写法不一样 Datetime.Now)     Response.Buffer =True;Response.ExpiresAbsol
解决ajax的缓存问题
weixin_44133711的博客
05-24 240
ajax中的缓存问题，目的是为了加快应用程序的加速访问的进程，影响ajax应用实施获取服务器端的应用，但是会有缓存问题。 解决方案有： 1.请求的url通过math.random获取不同的url地址每次都是全新的请求，但是可能会出现重复的现象。 2.url加时间戳dete.getdate函数 3.通过header加一个no_cache这样就不会有缓存的出现 4.从缓存的本身解决，当请求函...
Ajax之缓存问题的解决
龙城飞马将的博客
08-02 678
缓存的产生 在Ajax的get请求中，如果运行在IE内核的浏览器下， 其如果向同一个url发送多次请求时，就会产生所谓的缓存问题。 缓存问题最早设计初衷是为了加快应用程序的访问速度， 但是其会影响Ajax实时的获取服务器端的数据。 客户端解决缓存问题 产生缓存的问题就是 我们的客户端向同一个 url 发送了多次请求； 如果我们每次请求的url不同，那么，缓存问题就不会存在了； 我们...
Ajax清除缓存问题
weixin_34082177的博客
08-30 195
在ajax的应用中，当用户访问一次后，再进行访问当XMLHttpRequest请求不变的时，在ie中会出现这样的现象，那就是取数据不会到服务器端取，而是直接从ie的缓存中取，则会就是ie的缓存问题。在ajax中解决缓存的问题采用时间戳的方式，即为每个XNLHttpRequest请求后面加一个时间戳的标志，从而保证每次请求都是新的从而解决ie缓存问题，下面是简...
ajax如何解决浏览器缓存问题
红目香薰
03-09 554
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 Date().getTime() 5）在jq ajax下，使用 $.ajaxS.
Ajax处理缓存的方式
渔舟唱晚，响穷彭蠡之滨
10-24 554
如果每一次访问的url地址不同,那么我们就会隔离缓存,直接从数据库中取数据 通过变更参数的方式,使url变的不同 xmlhttp.open("GET", "myServlet1.do?str1="+new Date().getTime(), true); xmlhttp.open("GET", "myServlet1.do?str1="+Math.random(), true); ...
Ajax去除缓存
weixin_30509393的博客
07-21 96
1、在Ajax发送请求钱加上anyAjaxObj.setRequestHeader("If-Modeified-Since","0")。2、在Ajax发送请求钱加上anyAjaxObj.setRequestHeader("Cache-Control","no-cache")。3、在URL后面加上一个随机数："fresh="+Math.random();。4、在URL后面加上时间戳："noewtim...
ajax 自动清缓存,AJAX缓存清理
weixin_39684967的博客
08-05 478
Ajax页面缓存是ajax处理数据时对一些重复相同数据进行一个缓存操作，这样从另一个层面对于我们来讲是非常的不错了，但有时我们并不希望它缓存要如何处理呢？下面我们一起来看看关于页面缓存问题分析与解决，希望例子对各位会带来帮助。一、什么是Ajax缓存原理？Ajax在发送的数据成功后，会把请求的URL和返回的响应结果保存在缓存内，当下一次调用Ajax发送相同的请求时，它会直接从缓存中把数据取出来，这是...
缓存AJAX的请求
anggentuan0803的博客
09-19 234
在客户端缓存Ajax请求 浏览器可以缓存图片、js文件、css文件，同样浏览器也可以缓存XML Http调用（当然这需要XML Http以get方式发送调用），这种缓存基于URL，当我们发送一个请求时，如果和以前请求的URL相同，那么浏览器就会从缓存中响应，而不是从重新请求服务器，这可以节省一些时间。通常来说，浏览器会缓存所有的Http get请求的结果，所以如果我...
ajax缓存
aishai6058的博客
03-15 135
　　对于服务器来说,所有的请求都是第一次,没有记忆功能.对于客户来说是不好的,但是对与服务器来说能够有效防止它的崩溃,就把这种解决方式给了客户端(浏览器) 　缓存的优势 　　第一次请求的结果会保存在缓存区.第二次相同的请求的时候,就知道直接在缓存区将数据返回给你,不在向服务器请求了,增强页面的响应速度和用户体验. 　缓存的缺点 　　第二次请求的相似度过高,浏览器会认为是第一次发送...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值