layui的本地存储方法介绍

来源：动视网责编：小采时间：2020-11-03 18:21:54

layui的本地存储方法介绍

layui的本地存储方法介绍:本地存储是对 localStorage 和 sessionStorage 的友好封装，可更方便地管理本地数据。localStorage 持久化存储：layui.data(table, settings)，数据会永久存在，除非物理删除。sessionStorage 会话性存储：layui.sessionData(

推荐度：

点击下载本文 文档为doc格式

导读layui的本地存储方法介绍:本地存储是对 localStorage 和 sessionStorage 的友好封装，可更方便地管理本地数据。localStorage 持久化存储：layui.data(table, settings)，数据会永久存在，除非物理删除。sessionStorage 会话性存储：layui.sessionData(

本地存储是对 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的本地存储方法介绍

推荐度：

点击下载本文 文档为doc格式

标签：方法本地存储说明

热门焦点

layui的本地存储方法介绍

layui的本地存储方法介绍

layui的本地存储方法介绍

最新推荐

猜你喜欢

热门推荐