您的位置 首页 技术

layui的本地存储方法介绍

本地存储是对 localStorage 和 sessionStorage 的友好封装,可更方便地管理本地数据。 localStorage 持久化存储:layui.data(tabl…

本地存储是对 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的本地存储方法介绍的详细内容,更多请关注24课堂在线网其它相关文章!

本文来自网络,不代表24小时课堂在线立场,转载请注明出处:https://www.24ketang.cn/25744.html

为您推荐

返回顶部