苏飞论坛

标题: javascript缓存类使用方法，把数据缓存到客户端 [打印本页]
作者: 站长苏飞    时间: 2013-7-16 08:56
标题: javascript缓存类使用方法，把数据缓存到客户端
写这类的目的是在很多情况下有些固定的数据我们要来回的切换，
这个时候就可以放在客户端，省去的服务器的压力而且提高的加载的速度
下面我把我的类共享一下给大家使用
类如下
  1. function CacheItem(key,value)
  2. {
  3.     this.key=key;
  4.     this.value=value;
  5. }

  7. function CacheInfo()
  8. {
  9.     this.Items = new Array();
  10.     this.GetItem = GetCacheItem;
  11.     this.Add = AddCacheItem;
  12.     this.Modify = ModifyCacheItem;
  13.     this.Remove = RemoveCacheItem;
  14.     this.Clear = ClearCacheItem;
  15. }

  17. function AddCacheItem(key,value)
  18. {
  19.     this.Items[this.Items.length] = new CacheItem(key,value);
  20. }

  22. function ModifyCacheItem(key,value)
  23. {
  24.     if(!this.Items) return;
  25.    
  26.     var i;
  27.     for(i=0;i < this.Items.length;i++)
  28.     {
  29.         if(this.Items[i])
  30.         {
  31.             if(this.Items[i].key == key)
  32.             {
  33.                 this.Items[i]=value;
  34.                 break;
  35.             }
  36.         }
  37.     }
  38. }

  40. function RemoveCacheItem(key)
  41. {
  42.     if(!this.Items) return;
  43.    
  44.     var i;
  45.     for(i=0;i < this.Items.length;i++)
  46.     {
  47.         if(this.Items[i])
  48.         {
  49.             if(this.Items[i].key == key)
  50.             {
  51.                 this.Items[i]=null;
  52.                 break;
  53.             }
  54.         }
  55.     }
  56. }

  58. function GetCacheItem(key)
  59. {
  60.     if(!this.Items) return null;
  61.    
  62.     var i;
  63.     var value = null;
  64.     for(i=0;i < this.Items.length;i++)
  65.     {
  66.         if(this.Items[i])
  67.         {
  68.             if(this.Items[i].key == key)
  69.             {
  70.                 value = this.Items[i].value;
  71.                 break;
  72.             }
  73.         }
  74.     }
  75.     return value;
  76. }

  78. function ClearCacheItem()
  79. {
  80.     if(!this.Items) return;
  81.    
  82.     var i;
  83.     for(i=0;i < this.Items.length;i++)
  84.     {
  85.         this.Items[i]=null;
  86.     }
  87. }

  89. var ScriptCache=new CacheInfo();
复制代码
添加的方法如下
[code=html]ScriptCache.Remove(ID);
    ScriptCache.Add(ID, res);[/code]
调取的方法
[code=html]    var r = ScriptCache.GetItem(ID);[/code]
使用很简单大家可以自己试试[groupid=74]sufeinet总群[/groupid]



欢迎光临 苏飞论坛 (http://www.sufeinet.com/) Powered by Discuz! X3.4