Maison  >  Article  >  interface Web  >  Introduction à la méthode de stockage local de layui

Introduction à la méthode de stockage local de layui

尚
avant
2019-12-20 17:12:355272parcourir

Introduction à la méthode de stockage local de layui

Le stockage local est une encapsulation conviviale de localStorage et de sessionStorage, facilitant la gestion des données locales.

stockage persistant localStorage : layui.data (table, paramètres), les données existeront de manière permanente à moins qu'elles ne soient physiquement supprimées.

stockage de session sessionStorage : layui.sessionData(table, settings), il deviendra invalide après la fermeture de la page. Remarque : nouveau dans layui 2.2.5

Les deux méthodes ci-dessus s'utilisent exactement de la même manière. La table des paramètres est le nom de la table et les paramètres sont un objet utilisé pour définir la clé et la valeur.

//【增】:向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”

Exemple d'opération

//简单操作
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'));

Pour plus de connaissances sur Layui, veuillez faire attention à la colonne Tutoriel d'utilisation de Layui.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer