这篇文章将为大家详细讲解有关layui实现本地存储方法，文章内容质量较高，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。本地存储是对 localStorage 和 sessionStorage 的友好封装，可更方便地管理本地数据。
localStorage 持久化存储：layui.data(table, settings)，数据会永久存在，除非物理删除。
sessionStorage 会话性存储：layui.sessionData(table, settings)，页面关闭后即失效。注：layui 2.2.5 新增
上述两个方法的使用方式是完全一样的。其中参数 table 为表名，settings是一个对象，用于设置key、value。
计算
安全
数据库
网络和加速
企业服务
//【增】：向test表插入一个nickname字段，如果该表不存在，则自动建立。
layui.data('test', {
key: 'nickname'
,value: 'ABC'
});
//【删】：删除test表的nickname字段
layui.data('test', {
key: 'nickname'
,remove: true
});
layui.data('test', null); //删除test表
//【改】：同【增】，会覆盖已经存储的数据
//【查】：向test表读取全部的数据
var localTest = layui.data('test');
console.log(localTest.nickname); //获得“ABC”示例操作
//简单操作
layui.data('cate', {
key: 'data'
,value: [{
key: 'id'
,value: 1
},{
key: 'name'
,value: 'abc'
}]
});
//取值
var cate = layui.data('cate');
console.log(cate.data)//复杂操作
layui.data('cate', {
key: 'data',
value: [
{date: 'id', id: 1, content:'00000'}
,{date: 'id', id: 2, content:'11111'}
,{date: 'id', id: 3, content:'22222'}
,{date: 'id', id: 4, content:'33333'}
]
});
//追加数据
var cates = layui.data('cate').data;
cates.push({date: 'id', id: 5, content:'4444444'});
//移除数据
cates.splice(2,1);
//更新操作
layui.data('cate', {
key: 'data',
value: cates
});
console.info(layui.data('cate'));以上便是layui实现本地存储方法，虽然从篇幅上看很复杂，但是示例代码非常详细且容易理解，如果想了解更多相关内容，请关注亿速云行业资讯。
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
