localstore 中存入和取出对象

最新推荐文章于 2024-06-05 12:33:17 发布

转载最新推荐文章于 2024-06-05 12:33:17 发布 · 4.7k 阅读

本文详细介绍了LocalStorage和SessionStorage这两种Web存储技术的特点及区别。重点讲述了它们如何存储数据，包括如何使用JSON.stringify()和JSON.parse()进行数据转换，以及它们各自的生命周期特点。此外还探讨了不同浏览器和页面间如何共享这些存储的信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

鉴于localstorage中只能存储字符串，所以我们要借助于JSON.stringify()和JSON.parse();

         $.ajax({
        
         type: 
         "get"
         ,
        
         async: 
         "true"
         ,
        
         url: 
         ""
         ,
        
         data: {},
        
         dataType: 
         "jsonp"
         ,
        
         success: 
         function
         (data){
        
         if
         (data 
         instanceof 
         Array){
        
         stroage.push(JSON.stringify(data[i])); 
         //storage是外部定义的数组 storage = []
        
         }
        
         },
        
         error: 
         function
         (){
        
         }
        
         });

现在，我们将data存储在了storage中，当我们需要使用时:

         fucntion getData(){
        
         window.localStorage.job = JSON.stringify(storage); 
         //将storage转变为字符串存储
        
         var 
         job = JSON.parse(window.localStorage.job);
        
         for
         (
         var 
         i = 0; i < job.length; i++){
        
         job[i] = JSON.parse(job[i]);
        
         }
        
         //此时job中存储的就是对象数组了
        
         }