码迷,mamicode.com
首页 > Web开发 > 详细

最好用的jQuery-Ajax缓存插件

时间:2018-04-08 18:24:43      阅读:281      评论:0      收藏:0      [点我收藏+]

标签:rand   前缀   efi   tle   alt   col   license   lease   org   

AJAX-Cache

技术分享图片 技术分享图片 技术分享图片

技术分享图片最好用的jQuery-Ajax缓存插件

介绍

AJAX-Cache是一款jQuery插件,基于localStorage/sessionStorage实现异步请求缓存功能,并提供“快照”和“定时”两种缓存模式。

安装

npm

npm i ajax-cache --save

 

Download

https://github.com/tower1229/AJAX-Cache

使用

你只需要为jQuery.ajax()增加一个localCache配置

开启快照缓存

$.ajax({
    url: "http://rapapi.org/mockjsdata/9195/common/getRandom",
    dataType:‘json‘,
    localCache: ‘snapshot‘,
    success: function(res) {
        if (res.snapshot) {
            console.log(‘[snapshot] ‘ + res.data);
        } else {
            console.log(‘[remote data] ‘ + res.data);
        }
    }
});

 

开启定时缓存

$.ajax({
    url: "http://rapapi.org/mockjsdata/9195/common/getRandom",
    dataType:‘json‘,
    localCache: 5000,
    success: function(res) {
        console.log(‘\n[Caching for 5 seconds] ‘ + res.data);
    }
});

 

清除缓存

$.ajax({
    url: "http://rapapi.org/mockjsdata/9195/common/getRandom",
    dataType:‘json‘,
    localCache: false,
    success: function(res) {
        console.log(‘Cache has been cleared‘);
        console.log(res.data);
    }
});

 

清除所有缓存

$.ajaxCache.clear();

 

配置

$.ajaxCache.set({
    storage: ‘localStorage‘,        //存储方式,默认"localStorage",可选择"sessionStorage"
    cacheNamePrefix: ‘_ajaxcache‘   //存储前缀,通常不需要修改
});

 

演示

http://refined-x.com/AJAX-Cache/test/

许可证

MIT

Copyright (c) 2017-present, refined-x.com

最好用的jQuery-Ajax缓存插件

标签:rand   前缀   efi   tle   alt   col   license   lease   org   

原文地址:https://www.cnblogs.com/refined-x/p/8745970.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!