Layui的本地存储方法-Layui.data的基本使用

本地存储是对 localStorage 和 sessionStorage 的友好封装，可更方便地管理本地数据。

localStorage 持久化存储：layui.data(table, settings)，数据会永久存在，除非物理删除。
sessionStorage 会话性存储：layui.sessionData(table, settings)，页面关闭后即失效。注：layui 2.2.5 新增
上述两个方法的使用方式是完全一样的。其中参数 table 为表名，settings是一个对象，用于设置key、value。

//【增】：向test表插入一个name字段，如果该表不存在，则自动建立。
layui.data('test', {
  key: 'name'
  ,value: '123'
});
 
//【删】：删除test表的name字段
layui.data('test', {
  key: 'name'
  ,remove: true
});
layui.data('test', null); //删除test表
  
//【改】：同【增】，会覆盖已经存储的数据
  
//【查】：向test表读取全部的数据
var localTest = layui.data('test');
console.log(localTest.name); //获得“123”

demo:

//赋值
layui.data('user', {
  key: 'data'
  ,value: [{
    key: 'id'
    ,value: 1
  },{
    key: 'name'
    ,value: '123'
  }]
});

//取值
var cate = layui.data('user');
console.log(cate.data)

layui.data('user', {
        key: 'data',
        value: [
            {date: 'id', id: 1, name:'张三'}
            ,{date: 'id', id: 2, name:'李四'}
            ,{date: 'id', id: 3, name:'王五'}
            ,{date: 'id', id: 4, name:'赵六'}
            ]
    });
    
    //追加数据
    var users = layui.data('user').data;
    cates.push({date: 'id', id: 5, name:'孙七'});
    
    //移除数据
    users.splice(2,1);
    
    //更新操作
    layui.data('user', {
        key: 'data',
        value: users
    });
    
    console.info(layui.data('user'));

Layui的本地存储方法-Layui.data的基本使用

📑 目录