HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了关于html5--localStorage 储存json大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

Web存储机制,为了克服服由cookie 带来的一些限制,当数据需要被严格控制在客户端上时,无须持续地将数据发回服务器。提供一种在cookie 之外存储会话数据的途径和另一种存储大量可以跨会话存在的数据的机制,即sessionStorage 和globalStorage。后来在h5 修订时将 globalStorage 废弃换成了localStorage,与globalStorage 不同,不能给localStorage 指定任何访问规则;规则事先就设定好了。要访问同一个localStorage 对象,页面必须来自同一个域名(子域名无效),使用同一种协议,在同一个端口上。

主要方法 localStorage.getItem,localStorage.setItem,localStorage.removeItem

关于html5--localStorage 储存json



var localStorageFunc = {
    //获取 localStorage
    getStorage:function(storagE){
        var str = localStorage.getItem(storagE);
        if(str != null && str != ''){
            var obj = JSON.parse(JSON.parse(str));
            return obj;
        }
    },//设置 localStorage 未嵌套
    setStorage:function(storage,key,val){
        var obj = this.getStorage(storagE);
        var saveObj = thiS.UtilStorage(obj,val);
        localStorage.setItem(storage,saveObj);
    },//设置 localStorage 嵌套 
    secondStorage:function(storage,tagKey,val){
        var obj = this.levelStorage(storage,val);
        this.setStorage(storage,obj);
    },//清除 localStorage 
    clearStorage:function(storagE){
        localStorage.removeItem(storagE);
    },//json 整理格式化
    utilStorage:function(obj,val){
        if(typeof obj == 'object'){
            obj[key] = val;
            var str = JSON.Stringify(obj);
            str = str.replace(/\\/g,'');
            obj = JSON.Stringify(str);
        }else{
            var item = '{"'+key+'":"' + val + '"}';
            obj = JSON.Stringify(item);
        }
        return obj;
    },//次级json  整理格式化
    levelStorage:function(storage,tagObj,val){
        var tag = this.getStorage(storagE);
        var tagItem = tag[tagObj];
        if(typeof tagItem == 'object'){
            tagItem[key] = val;
        }else if(tagItem == undefined){
            tagItem = '{"'+key+'":"' + val + '"}';
            tagItem = JSON.parse(tagItem);
        }
        return tagItem;
    }
};

关于html5--localStorage 储存json


json 嵌套


关于html5--localStorage 储存json

大佬总结

以上是大佬教程为你收集整理的关于html5--localStorage 储存json全部内容,希望文章能够帮你解决关于html5--localStorage 储存json所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。