您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息
三六零分类信息网 > 呼伦贝尔分类信息网,免费分类信息发布

layui的本地存储方法介绍

2025/4/30 18:14:13发布6次查看
本地存储是对 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知识请关注layui使用教程栏目。
以上就是layui的本地存储方法介绍的详细内容。
呼伦贝尔分类信息网,免费分类信息发布

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product