`

Ajax缓存解决办法(转)

 
阅读更多

最近忙一个项目,遇到按钮多次点击时只有第一次可以的问题,开始怀疑是我的ajax缓存问题,搜到这篇文章顺利解决了我的问题,贴出来分享下:

原文如下:

项目有时要用一些Ajax的效果,因为比较简单,也就没有去用什么Ajax.net之类的东西,手写代码也就实现了。、

第二天,有人向我报告错误;说是只有第一次读取的值正常,后面的值都不正常;我调试了一下 ,确实有这样的问题,查出是因为AJAX缓存的问题:解决办法有如下几种:

      1、 在服务端加 header("Cache-Control: no-cache, must-revalidate");(如php中)

  2、 在ajax发送请求前加上 anyAjaxObj.setRequestHeader("If-Modified-Since","0");

  3、 在ajax发送请求前加上 anyAjaxObj.setRequestHeader("Cache-Control","no-cache");

  4、 在 Ajax 的 URL 参数后加上 "?fresh=" + Math.random(); //当然这里参数 fresh 可以任意取了

  5、 第五种方法和第四种类似,在 URL 参数后加上 "?timestamp=" + new Date().getTime();

  6、 用POST替代GET:不推荐

 

1、加个随机数
      xmlHttp.open("GET", "ajax.asp?now=" + new Date().getTime(), true);

2、在要异步获取的asp页面中写一段禁止缓存的代码:
      Response.Buffer =True
      Response.ExpiresAbsolute =Now() - 1
      Response.Expires=0
      Response.CacheControl="no-cache"

3、在ajax发送请求前加上xmlHTTP.setRequestHeader("If-Modified-Since","0");可以禁止缓存
      xmlHTTP.open("get", URL, true);
      xmlHTTP.onreadystatechange = callHTML;
      xmlHTTP.setRequestHeader("If-Modified-Since","0");
      xmlHTTP.send();

另一个作者写到:

AJAX的缓存是由浏览器维持的,对于发向服务器的某个url,ajax仅在第一次请求时与服务器交互信息,之后的请求中,ajax不再向服务器提交请求,而是直接从缓存中提取数据。

有些情况下,我们需要每一次都从服务器得到更新后数据。思路是让每次请求的url都不同,而又不影响正常应用:在url之后加入随机内容。
e.g.
url=url+"&"+Math.random();

Key points:
1.每次请求的url都不一样(ajax的缓存便不起作用)
2.不影响正常应用(最基本的)

----------------
方法二:(未经证实)
在JSP中禁止缓存
response.addHeader("Cache-Control", "no-cache");
response.addHeader("Expires", "Thu, 01 Jan 1970 00:00:01 GMT");

HTTP:
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
<META HTTP-EQUIV="expires" CONTENT="0">

另一个作者写到:

我们都知道, ajax 能 提高页面载入的速度的主要原因是通过ajax减少了重复数据的载入,真正做到按需获取,既然如此,我们在写ajax程序的时候不妨送佛送到西,在客户端再 做一次缓存,进一步提高数据载入速度。那就是在载入数据的同时将数据缓存在浏览器内存中,一旦数据被载入,只要页面未刷新,该数据就永远的缓存在内存中, 当用户再次查看该数据时,则不需要从服务器上去获取数据,极大的降低了服务器的负载和提高了用户的体验。

分享到:
评论

相关推荐

    IE8下Ajax缓存问题及解决办法

    AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。接下来通过本文给大家介绍IE8下Ajax缓存问题及解决办法,一起看下吧

    防止页面url缓存中ajax中post请求的处理方法

    防止页面url缓存中ajax中post请求的处理方法 在Web开发中,Ajax技术是非常常用的一个技术,它可以实现异步请求,提高用户体验。但是,在使用Ajax时,特别是在使用POST请求时,经常会遇到页面缓存的问题,这个问题会...

    ajax跨域问题的解决办法.rar

    本教程将详细探讨如何解决Ajax跨域问题。 一、同源策略 同源策略是浏览器为了保障用户安全而实施的一种机制,它限制了Web页面只能读取同源(协议+域名+端口相同)的资源。当Ajax尝试向不同源发送请求时,浏览器会...

    ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题

    在做ajax页面无刷新添加的时候,IE下遭遇Ajax缓存,因为刚开始并不知道IE有这个坏毛病,折腾好久,终于解决问题。 总结一下解决办法: 在IE下用Ajax请求某一页面,通常会因为缓存的原因而返回上一次的结果,造成混乱...

    jquery .ajax 局部刷新之后 js无法调用问题解决

    解决办法是在`.ajax`的success回调中重新绑定事件: ```javascript $.ajax({ url: 'your-url', type: 'GET', success: function(data) { // 更新DOM $('#target').html(data); // 重新绑定事件 $('#new...

    Ztree操作 AJAX

    ### 可能遇到的问题及解决办法 1. **AJAX请求失败**:检查`url`是否正确,服务器是否运行正常。可以使用浏览器开发者工具查看请求的具体信息。 2. **数据格式问题**:确保服务器返回的数据格式正确无误,符合预期。...

    jQuery中ajax的使用与缓存问题的解决方法

    解决办法可以是客户端或者服务器端统一采用一种字符编码。如果客户端是gb2312编码,可以在服务器端指定输出流的编码为gb2312。如果客户端和服务器端都采用utf-8编码,设置如下: ```php // PHP设置输出流编码为UTF-...

    ExtJs Ajax 同步问题

    在描述中提到的博客链接可能详细解释了遇到的特定问题和解决办法,但由于无法直接访问,我们可以从一般性的角度分析可能的问题和解决方案: 1. **配置错误**:确保`async`参数设置正确。如果希望请求同步,设置`...

    IE下jquery ajax无法获得最新数据的问题解决(IE缓存)

    解决办法: 那就有思路了,我们可以让它每次请求的URL不一样,可以加一个参数,而且这个参数的值每次都不一样,时间戳最好不过了。 代码如下: url: ‘{0}/portal/articleManager/getContents?id={1

    Ajax和jQuery学习笔记

    **1.4 缓存问题与解决办法** - **缓存问题**:使用IE浏览器并通过GET方式提交数据时,浏览器可能会缓存请求,导致重复请求时显示旧数据。 - **解决办法**: - 使用POST方式提交数据。 - 在请求地址后面加上一个...

    详谈ajax返回数据成功 却进入error的方法

    接下来,我们将详细介绍AJAX、跨域问题以及相关的解决办法。 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个页面的情况下,能够更新部分网页的技术。它通过JavaScript和XMLHttpRequest对象,...

    在ajax应用当中的编码问题

    AJAX还涉及其他方面的知识,比如常见属性请求的解决办法。这包括跨域资源共享(CORS)问题、XMLHttpRequest的事件监听和状态处理,以及如何使用AJAX来与服务器进行数据交换,而不破坏现有的页面结构。开发者还需要了解...

    寻求IE假死具体解决办法

    ### 寻求IE假死具体解决办法 在探讨如何解决Internet Explorer(以下简称IE)出现的“假死”问题之前,我们首先需要明确几个概念:何为IE假死?为何会出现这种情况?以及面对这类问题时我们可以采取哪些具体的解决...

    ajax实战

    - 分析了项目的架构设计、实现过程及遇到的问题解决办法。 #### 三、总结 《Ajax in Action》是一本全面介绍Ajax技术及其应用的书籍。从基础概念到实战案例,本书覆盖了开发者所需的所有关键知识点。无论是对于...

    DWR框架实例及常见问题解决办法,免费放送

    在DWR实例中,你可能会遇到以下常见问题及其解决办法: 1. **跨域问题**:DWR默认支持跨域,但如果遇到问题,可以检查配置文件`dwr.xml`中的跨域设置,或者使用CORS策略。 2. **缓存问题**:如果页面上的数据没有...

    Angularjs在360兼容模式下取数据缓存问题的解决办法

    问题的解决办法主要涉及到对Angularjs中的HTTP请求进行配置,以确保浏览器不会缓存异步请求返回的数据。这里的关键是理解HTTP协议中关于缓存控制的一些头部信息,并如何在Angularjs框架中设置这些头部信息来禁用缓存...

    ajax json websevice3

    4. **跨域请求**:Ajax的同源策略限制及其解决办法,如JSONP和CORS。 5. **错误处理**:如何在Ajax请求中捕获和处理错误,确保应用程序的健壮性。 6. **AJAX库和框架**:如jQuery的$.ajax()函数,或现代前端库如...

    AJAX .docx

    解决办法是在URL后添加时间戳以强制加载新版本。 2. **本地调试问题**:由于AJAX需要服务器环境,因此在本地文件系统中调试可能不起作用。使用本地服务器(如Apache或IIS)进行调试可以解决这个问题。 3. **调试困难...

Global site tag (gtag.js) - Google Analytics