jq插件设置浏览器缓存

最新推荐文章于 2022-08-02 20:26:21 发布

星星球

最新推荐文章于 2022-08-02 20:26:21 发布

阅读量2.1k

点赞数

介绍了一个jQuery插件——jquery-ajax-cache，该插件利用localStorage或sessionStorage为jQuery AJAX请求提供缓存功能。支持自定义缓存验证方法及选择缓存类型。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery-ajax-cache 详细介绍

jquery-ajax-cache 是 jQuery 插件——利用‘localStorage’ 和 ‘sessionStorage’ 对 jQuery AJAX 请求进行缓存。

github:https://github.com/WQTeam/jquery-ajax-cache

引入

<script src="../node_modules/jquery/dist/jquery.js"></script>
<script src='../dist/jquery-ajax-cache.js'></script>

使用

全局配置

$ajaxCache.config({ cacheValidate: function (res) { //选填，配置全局的验证是否需要进行缓存的方法,“全局配置” 和 ”自定义“，至少有一处实现cacheValidate方法 return res.state === 'ok';
    },
    storageType: 'localStorage', //选填，‘localStorage’ or 'sessionStorage', 默认‘localStorage’ timeout: 60 * 60, //选填， 单位秒。默认1小时 });

简单使用

$.ajax({
    ajaxCache: true // “全局配置” 和 ”自定义“，至少有一处实现cacheValidate方法 /*  others...  */ });

自定义

$.ajax( // 此处的参数会覆盖‘全局配置’中的设置 ajaxCache: { cacheValidate: function (res) { //选填，配置全局的验证是否需要进行缓存的方法, “全局配置” 和 ”自定义“，至少有一处实现cacheValidate方法 return res.state === 'ok' && res.code ==='200';
        },
        storageType: 'localStorage', //选填，‘localStorage’ or 'sessionStorage', 默认‘localStorage’ timeout: 60 * 60, //选填， 单位秒。默认1小时 }
});