ホームページ  >  記事  >  ウェブフロントエンド  >  レイウイのローカル保存方法の紹介

レイウイのローカル保存方法の紹介

尚
転載
2019-12-20 17:12:355288ブラウズ

レイウイのローカル保存方法の紹介

ローカル ストレージは、localStorage と sessionStorage を簡単にカプセル化したもので、ローカル データの管理が容易になります。

localStorage 永続ストレージ:layui.data(テーブル、設定)、データは物理的に削除されない限り永続的に存在します。

sessionStorage セッションストレージ:layui.sessionData(table, settings)、ページを閉じると無効になります。注:layui 2.2.5 の新機能

上記の 2 つのメソッドはまったく同じ方法で使用されます。パラメータ table はテーブル名、settings はキーと値を設定するために使用されるオブジェクトです。

//【增】:向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 使用法チュートリアル 列に注目してください。

以上がレイウイのローカル保存方法の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcnblogs.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。