hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 文章 - 后端开发 - 正文 看Cosplay古风插画小姐姐,合集图集打包下载:炫龙网 · 炫龙图库

layui的当地存储要领引见_WEB前端开发

2019-12-21后端开发ki4网22°c
A+ A-

当地存储是对 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的当地存储要领引见的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
layui的当地存储要领引见_WEB前端开发

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>