`
fengshinianshao
  • 浏览: 662 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

【转载】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:

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

相关推荐

    这个事ajax日历代码,希望对大家有帮助

    - 使用缓存策略,避免不必要的重复请求。 - 延迟加载(懒加载):只有当用户滚动到日历所在区域时才加载,减少首屏加载时间。 7. **响应式设计**: - 为了让日历在不同设备和屏幕尺寸上表现良好,需要考虑响应式...

    页面刷新方法汇总(转载)

    在实际开发中,我们还需要考虑页面缓存的问题。默认情况下,浏览器可能会从本地缓存中加载页面,而不是每次都从服务器获取,这可能导致用户看到的不是最新的内容。可以通过设置HTTP响应头来控制缓存策略,例如`Cache...

    jsp论坛—别的网站转载的

    4. **前端交互**:使用JavaScript和AJAX技术实现页面的异步更新,提升用户体验,如无刷新加载新帖、实时提示新消息等。 5. **安全防护**:防止SQL注入、XSS攻击等,确保用户数据的安全,这需要在编写代码时就考虑...

    ogame中文源代码(网络转载)

    同时,源代码可能还包含Ajax技术,用于在不刷新页面的情况下与服务器通信,实现无缝的游戏体验。 4. **后端设计** 后端代码通常涉及用户认证、游戏逻辑处理、数据存储等关键功能。通过对这部分代码的学习,我们...

    Fesend CMS系统源码(.NET 2.0版本!)

    运用了流行的AJAX技术及.net技术,将.net的缓存技术发挥到淋漓尽至,从而极大的提高了程序运行的效率以及减轻了服务器的负担,性能及效率方面 要比基于asp、php的同类产品强出百倍; Fesend完全实现了页面的静态化,...

    给力论坛源码 标注:用iis访问就会有样式

    深受广大用户喜爱,包括 CSDN、华军软件园、中国站长站 等各大专业网站纷纷转载。官方支持:http://www.dotbbs.net/bbs , DotBBS包括Access版和Sql Server版,可以在Web.config中设置。 DotBBS 是 前沿网络 ...

    ruby on rails 实践

    第三章“Rails中的视图布局和辅助方法”,侧重于MVC架构中的视图部分,包括如何构建表单视图、实现AJAX交互,以及模板引擎的使用。模板引擎允许开发者使用Ruby代码和HTML混合的方式创建动态视图,大大简化了Web页面...

    墙纸::blossom:基于360墙纸API的自采集墙纸网站

    特色:壁纸种类多,自动更新,自动采集,支持多分辨率,瀑布流加载,全站ajax! 壁纸采集自360壁纸库,必应家居的每日图片以及金山词霸开放平台 相关原理见和 本作品禁止任何形式的倒卖,转载请注明出处! 去做 ...

    Nginx安装包

    启动tomcat1,在浏览器中输入localhost:8080,进入我们的登录页面,登录页面代码就不贴出了,就是ajax提交而已。输入我们的用户名和密码。登录。看到我们登录成功了,用户个人中心能成功显示我们的用户名。 再看看...

    最好的asp CMS系统科讯CMSV7.0全功能SQL商业版,KesionCMS V7.0最新商业全能版-免费下载

    33、水印缩略图,可按要求等比缩小,可按要求在指定位置加图片或文字水印,提升内容被转载后的宣传机会。 34、两种编辑器选择,可视化编辑器,类似word的所件即所得的在线内容编辑功能,支持表格、图片、FLASH、...

    JS组件Bootstrap Table使用方法详解

    转载 2016年03月21日 15:06:09 标签: Bootstrap Table 最近客户提出需求,想将原有的管理系统,做下优化,通过手机也能很好展现,想到2个方案: a方案:保留原有的页面,新设计一套适合手机的页面,当手机访问时,...

Global site tag (gtag.js) - Google Analytics