`

用javascript缓存ajax数据

 
阅读更多

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

实现方式: 基本思想是将已经load下来的数据存在javascript数组变量中,当再次遇到请求时,先检查该数据是否已经请求,是则直接调用内存中的数据,否则便向服务器请求数据。

分享到:
评论

相关推荐

    ajcm:JavaScript 使用 localStorage 缓存 AJAX 请求

    ajax缓存管理器 使用 localStorage 缓存 AJAX 请求的 JavaScript。

    AJAXCache是一款jQuery缓存插件可以为ajax方法扩展缓存功能

    AJAX-Cache是一款jQuery缓存插件,可以为$.ajax()方法扩展缓存功能

    jscache, 简单的JavaScript LRU缓存.zip

    jscache, 简单的JavaScript LRU缓存 JavaScript LRU缓存只是用javascript编写的简单的LRU缓存。 它基于 ASP.NET's 缓存,包括许多缓存选项,如绝对过期。滑动过期。缓存优先级和回调功能。 它可以用于在用户浏览器中...

    AJAXCDR:利用 Flash 完美解决 JavaScript 和 AJAX 跨域 HTTP POST/GET 表单请求

    JavaScript 和 AJAX 跨域访问分为两大类,一是本域和子域的交互,二是本域和其他域的交互。  一、本域和子域的交互:www.s135.com 和 blog.s135.com  二、本域和其他域的交互:blog.s135.com 和 api.bz  本域和...

    jquery页面数据传递、ajax

    这是一份让你可以了解到JavaWeb开发中jquery(它是当前非常流行的javascript库)如何在不同页面中传数据,如何使用ajax进行数据初始化,对于初学javascript的同学是非常不错的入门代码实例。

    ajax-data-model:ajax 通用数据请求处理模型。提供 ajax 请求、数据缓存、通用性接口约定处理等能力

    memory/sessionStorage/localStorage 级数据缓存支持 Promise thenable 风格的 API 调用 基于接口约定的通用回调处理支持(通用错误处理、loading 状态、通用参数、埋点上报<接口超时、接口错误、接口异常、数据...

    Web前端Ajax&JQuery视频教程课件

    本套Java教程涵盖Ajax的实现原理,XMLHttpRequest实现Ajax,回调函数,Ajax数据交换格式(HTML、XML、JSON),Ajax发送GET和POST请求,异步编程模型和同步编程模型,解决Ajax的GET请求缓存问题,使用Ajax验证用户名...

    Ajax.NET Professional v5.11.4.2

    ·能存取来自于JavaScript的会话数据。 ·缓存结果 ·自由使用,可用的源码,未指定使用许可。由Michael Schwarz(http://weblogs.asp.net/mschwarz/)所维护。 ·不允许改变源代码,用属性标记方法 ·...

    ajax清除缓存问题.mht

    js脚本加时间戳,欺骗浏览器,防止不发送请求。。。。

    AjaxPro非常好用的Ajax开发框架

    所有类支持Javascript客户端返回数据,可以在Javascript中使用DataSet 使用HtmlControls组件访问和返回数据 页面无需重载,用事件代理(数据访问层) 因为只提供一个调用接口方法,所以服务端CPU占用非常少

    api-cache:JavaScript对API数据的缓存组件

    JavaScript对API数据的缓存组件,可以利用localStorage来存储不常更新但经常访问的接口数据,通过设置缓存时间来控制实际发起请求的最小时间间隔。 浏览器兼容性 需要支持localStorage和JSON,请参考、 依赖 目前...

    Ajax-jquery-ajax-cache.zip

    Ajax-jquery-ajax-cache.zip,jquery插件,用于用“localstorage”或“sessionstorage”缓存ajax。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页...

    jquery-ajax-session-storage-cache:使用 ttl 在 html5 sessionStorage 对象中缓存 jQuery ajax 响应

    如果缓存仍然存在,则在后续请求中,您指定的“成功”回调将使用缓存数据作为参数调用。 如果缓存丢失,则在后续请求中,将进行原始 ajax 调用并再次缓存响应。 sessionStorage 对象中的对象表示是一个 JSON 字符...

    JavaScript详解(第2版)

     18.4.1 使用Ajax从文件中获取文本   18.4.2 使用Ajax从文件中获取XML   18.4.3 Ajax和表单   18.5 Ajax和JSON   18.5.1 JSON数据结构   18.5.2 使用JSON的步骤   18.5.3 JSON综合示例   18.5...

    jQuery ajax cache缓存问题

    在jquery里面用$.ajax 然后, 指定ajax属性的时候, 使用了:’false’ . 可恶的javascript特性就在这里出现了。 在jquery里面, 大部分的时候, 属性要用”引起来。 否则容易变成变量名。比如red, 引不引都差不多...

    MVC的JavaScript Web富应用开发(完整版)

    讲解远程数据加载、第二代Ajax以及跨域请求 利用WebSockets和Node构建实时应用 拖拽上传文件以及上传进度提示 讲解主流的库和框架,包括jQuery、JavaScriptMVC以及Backbone 编写测试用例,并使用控制台工具来...

    Ajax课件学习(免费)

    2、从图上可以看出来,客户端没有再发送http请求,而是用JavaScript调用一个叫Ajax engine来发送数据,所以不用提交整个页面。 3、从返回来看,返回的也不再是客户需要的页面,而是客户需要的数据 4、优点: 1、...

    IE下Ajax缓存问题的快速解决方法(get方式)

    折腾了半天,程序中使用jquery的load方法进行请求,很奇怪为啥第...1: 在AJAX请求的页面后加个随机函数,我们可以使用随机时间函数 在javascript发送的URL后加上t=Math.random() 例如这样:URL+”&”+”t=”+Math.rando

    django-shimstrap:Shimstrap 是一个小的 Django 扩展,它提供了一种机制来区分 URL 路由器中的 AJAX 调用和非 AJAX 调用,以及缓存 AJAX 页面引导程序

    django-shimstrap Shimstrap 是一个小的 Django 扩展,旨在解决... Shimstrap 还提供缓存 JSON 数据“首次加载”的机制。 例如,我们可以通过preload_ajax(request, 'get_user_posts', {"post":"my cool data"})将字典

    程序天下:JavaScript实例自学手册

    9.36 使用JavaScript向表格中写入数据 9.37 类C# GridView的编辑效果(一) 9.38 类C# GridView的编辑效果(二) 第10章 单选框和复选框 10.1 选择了哪一个单选框 10.2 单击文字实现单选框的选定 10.3 被选中的复选...

Global site tag (gtag.js) - Google Analytics