web-storage-cache 使用JS數據緩存

https://github.com/WQTeam/web-storage-cache

使用WebStorageCache，只要在頁面上引入下面代碼即可。

 

<script src="src/web-storage-cache.js"></script>
<script src="~/scripts/AjaxCache/ajax-cache.js"></script>
<script>
// create WebStorageCache instance.
var wsCache = new WebStorageCache();
// cache 'wqteam' at 'username', expired in 100 seconds
wsCache.set('username', 'wqteam', {exp : 100});
</script>

 

例子：

ar wsCache = new WebStorageCache();

// 緩存字符串'wqteam' 到 'username' 中, 超時時間100秒
wsCache.set('username', 'wqteam', {exp : 100});

// 超時截止日期，可用使用Date類型
var nextYear = new Date();
nextYear.setFullYear(nextYear.getFullYear() + 1);
wsCache.set('username', 'wqteam', {exp : nextYear});

// 獲取緩存中 'username' 的值
wsCache.get('username');

// 緩存簡單js對象，默認使用序列化方法為JSON.stringify。可以通過初始化wsCache的時候配置serializer.serialize
wsCache.set('user', { name: 'Wu', organization: 'wqteam'});

// 讀取緩存中的簡單js對象 - 默認使用反序列化方法為JSON.parse。可以通過初始化wsCache的時候配置serializer.deserialize
var user = wsCache.get('user');
alert(user.name + ' belongs to ' + user.organization);

// 刪除緩存中 'username'
wsCache.delete('username');

// 手工刪除所有超時CacheItem,
wsCache.deleteAllExpires();

// 清除客戶端中所有緩存
wsCache.clear();

// 為已存在的（未超時的）緩存值設置新的超時時間。
wsCache.touch('username', 1);

// 如果緩存中沒有key為username2的緩存，則添加username2。反之什么都不做
wsCache.add('username2', 'wqteam', {exp : 1});

// 如果緩存中有key為username的緩存，則替換為新值。反之什么都不做
wsCache.replace('username', 'new wqteam', {exp : 1});

// 檢查當前選擇作為緩存的storage是否被用戶瀏覽器支持。
//如果不支持調用WebStorageCache API提供的方法將什么都不做。
wsCache.isSupported();