Javascript 数据缓存实现 jCaches

今天在做一个Ajax调用地区信息的功能,因为很多载入都是很频繁的,我不希望用户每次都从服务器把数据拉下来,虽然服务器上的数据已经做过内存缓存,但从用户浏览器到Web服务器还是会占用很多资源,更不用说这些很频繁的载入,所以就想办法写了一个客户端浏览器上面的Javascript数据缓存功能。

使用的时候就像很多类似的缓存调用方式一样,如:

例子:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
var c = new jCaches(20,true);
var cacheId = "mydata-1";
c.clear();

var dataList = {};

$("#btnLoad").click(function(){

    if(c.exist(cacheId)){
     result = c.get(cacheId);
  }
 else{
     $.ajax({
          url:"data.html",
          type : "get",
         dataType:"json",
          success: function(result){
                alert(result);
                dataList = result;
                c.add(cacheId,dataList);
          }
     });
   }

});

其实它的主要实现方式是通过数组变量,将你传入的数据存在客户端的内存里面,当需要的时候再通过唯一的标识ID把数据取出来。

相关地址与下载:

欢迎大家一起参与开发此功能。