zoukankan      html  css  js  c++  java
  • LocalStorage如何存储JSON对象

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>LocalStorage如何存储JSON对象</title>
    </head>
    <body>
    <script>
        var obj = {
            name: '徐同保',
            job: 'web前端'
        };
        var objString = JSON.stringify(obj);
    
        //setItem存储value
        localStorage.setItem("obj", objString);
     
        //getItem获取value
        var objStringNew = localStorage.getItem('obj');
        var objNew = JSON.parse(objString);
        console.log('姓名:' + objNew.name);
        console.log('职业:' + objNew.job);
    </script>
    </body>
    </html>

    也可以是数据对象

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <title>LocalStorage如何存储JSON对象</title>
    </head>
    
    <body>
        <script>
        var obj = [{
                name: '徐同保',
                job: 'web前端'
            },
            {
                name: '徐同保s',
                job: 'web前端s'
            }
        ];
        var objString = JSON.stringify(obj);
    
        //setItem存储value
        localStorage.setItem("obj", objString);
    
        //getItem获取value
        var objStringNew = localStorage.getItem('obj');
        var objNew = JSON.parse(objString);
        for (var i = 0; i < objNew.length; i++) {
            console.log('姓名:' + objNew[i].name);
            console.log('职业:' + objNew[i].job);        
        }
    
        </script>
    </body>
    
    </html>
  • 相关阅读:
    devel包
    Tomcat性能调优
    详述Oracle RAC的五大优势及其劣势
    Oracle实例内存(SGA和PGA)调整
    ubuntu upstart启动流程分析
    Python爬虫示例
    Tcp连接的七次握手浅析
    Apache的prefork模式和worker模式
    减少mysql主从数据同步延迟
    Ubuntu14.04 64bit安装Android-Studio
  • 原文地址:https://www.cnblogs.com/xutongbao/p/9924813.html
Copyright © 2011-2022 走看看