ホームページ > 記事 > ウェブフロントエンド > レイウイのローカル保存方法の紹介
ローカル ストレージは、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 サイトの他の関連記事を参照してください。