這篇文章將為大家詳細講解有關layui實現(xiàn)本地存儲方法，文章內(nèi)容質量較高，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。本地存儲是對 localStorage 和 sessionStorage 的友好封裝，可更方便地管理本地數(shù)據(jù)。

10余年的贊皇網(wǎng)站建設經(jīng)驗，針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。網(wǎng)絡營銷推廣的優(yōu)勢是能夠根據(jù)用戶設備顯示端的尺寸不同，自動調(diào)整贊皇建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設計，從而大程度地提升瀏覽體驗。成都創(chuàng)新互聯(lián)從事“贊皇網(wǎng)站設計”,“贊皇網(wǎng)站推廣”以來，每個客戶項目都認真落實執(zhí)行。

localStorage 持久化存儲：layui.data(table, settings)，數(shù)據(jù)會永久存在，除非物理刪除。

sessionStorage 會話性存儲：layui.sessionData(table, settings)，頁面關閉后即失效。注：layui 2.2.5 新增

上述兩個方法的使用方式是完全一樣的。其中參數(shù) 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表
  
//【改】：同【增】，會覆蓋已經(jīng)存儲的數(shù)據(jù)
  
//【查】：向test表讀取全部的數(shù)據(jù)
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'}
            ]
    });
    
    //追加數(shù)據(jù)
    var cates = layui.data('cate').data;
    cates.push({date: 'id', id: 5, content:'4444444'});
    
    //移除數(shù)據(jù)
    cates.splice(2,1);
    
    //更新操作
    layui.data('cate', {
        key: 'data',
        value: cates
    });
    
    console.info(layui.data('cate'));

以上便是layui實現(xiàn)本地存儲方法，雖然從篇幅上看很復雜，但是示例代碼非常詳細且容易理解，如果想了解更多相關內(nèi)容，請關注創(chuàng)新互聯(lián)行業(yè)資訊。

網(wǎng)頁標題：layui實現(xiàn)本地存儲方法
文章鏈接：http://www.aaarwkj.com/article0/pcsooo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、網(wǎng)站策劃、企業(yè)建站、營銷型網(wǎng)站建設、網(wǎng)站設計、面包屑導航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)