我们都知道,ajax能提高页面载入的速度的主要原因是通过ajax减少了重复数据的载入,真正做到按需获取,既然如此,我们在写ajax程序的时候不妨送佛送到西,在客户端再做一次缓存,进一步提高数据载入速度。那就是在载入数据的同时将数据缓存在浏览器内存中,一旦数据被载入,只要页面未刷新,该数据就永远的缓存在内存中,当用户再次查看该数据时,则不需要从服务器上去获取数据,极大的降低了服务器的负载和提高了用户的体验。
下面举例子来说明如何实现的!为了简化ajax,示例中采用了jQuery,首先我们来看看一个常规的ajax例子。ajax.html中的内容如下:
data area
上面是完全没有任何缓存的ajax,用户翻页的时候都会去向服务器请求数据,当然某些浏览器如IE也自带有缓存功能,如上面代码的第九行,不过咱们得考虑到其他浏览器,所以最好自己设置缓存,上面的案例演示请看这里。
下面是自带缓存的例子,基本思想是将已经load下来的数据存在javascript数组变量中,当再次遇到请求时,先检查该数据是否已经请求,是则直接调用内存中的数据,否则便向服务器请求数据。
data area
上面的代码简单的展示了如何合理的利用缓存提高速度和减轻数据重复载入对服务器的负载,上案例演示请看这里。
缓存的介绍完毕,思路来源于我自己的bloggermap,有好建议的朋友,欢迎排砖.下一步我便打算将本站的留言ajax添加缓存功能.
标签:HTML客户端, javascript
不错!可以提高速度。
我想问下cos,你的代码高亮用的是哪个插件?
可否提供一份或者说一下插件名。谢谢!
往我skyfocus@gmail.com发吧,反正我的gmail没有重要邮件,公布了也无所谓。