localstorage fronの1つのファイルを使用してオブジェクトの配列を他のファイルに保存する方法

Question

私はlocalstorageに新しいです.Jsonのデータを1つのファイルに格納し、他のfile.Belowのデータを取得しようとしています。 localstorageを使用してフィードデータを格納しようとしました。他のhtmlファイルでデータを取得するようになっています。しかし、フィードから最終オブジェクトのみを取得しています。他のファイルにすべてのフィードオブジェクトを取得できます。

{ 
    "channel":{ 
    "id":9, 
    "name":"my_house", 
    "description":"Netduino Plus connected to sensors around the house", 
    "latitude":"40.44",               
    "longitude":"-79.9965", 
    "field1":"Light", 
    "field2":"Outside Temperature", 
    "created_at":"2010-12-14T01:20:06Z", 
    "updated_at":"2017-02-13T09:09:31Z", 
    "last_entry_id":11664376 
}, 
    "feeds":[{ 
     "created_at":"2017-02-13T09:07:16Z",  
     "entry_id":11664367, 
     "field1":"196", 
     "field2":"31.507430997876856" 
    },{ 
     "created_at":"2017-02-13T09:07:31Z", 
     "entry_id":11664368, 
     "field1":"192", 
     "field2":"30.743099787685775" 
    },{ 
     "created_at":"2017-02-13T09:07:46Z",  
     "entry_id":11664369, 
     "field1":"208", 
     "field2":"28.280254777070063" 
    }]} 

One.htmlここで私は）

$.ajax({ 
     url : "https://api.thingspeak.com/channels/9/feeds.json?results=3", 
     dataType:"json", 
     cache: false, 
     error:function (xhr, ajaxOptions, thrownError){ 
     debugger; 
     alert(xhr.statusText); 
     alert(thrownError); 
    }, 
     success : function(json1) { 
     console.log(json1); 

     json1.feeds.forEach(function(feed, i) { 
     console.log("\n The deails of " + i + "th Object are :   \nCreated_at: " + feed.created_at + "\nEntry_id:" + feed.entry_id + "\nField1:" + feed.field1 + "\nField2:" + feed.field2); 
     localStorage.setItem('Created_at', feed.created_at); 
     var create = localStorage.getItem('Created_at'); 
     console.log(create); 
     localStorage.setItem('Entry_id', feed.entry_id); 
     var entry = localStorage.getItem('Entry_id'); 
     console.log(entry); 
     localStorage.setItem('Field1', feed.field1); 
     var fd1 = localStorage.getItem('Field1'); 
     console.log(fd1); 
     localStorage.setItem('Field2', feed.field2); 
     var fd2 = localStorage.getItem('Field2'); 
     console.log(fd2); 
    }); 

other.htmlをすべてのフィードのデータを格納しています:-(：（ここで私は

<script> 

      // Called on body's `onload` event 
      function init() { 
       // Retrieving the text input's value which was stored into localStorage 

       var create = localStorage.getItem('Created_at'); 
       console.log(create); 
       document.writeln("<br>Created_at = "+create); 
       var entry = localStorage.getItem('Entry_id'); 
       document.writeln("<br>Entry_id = "+entry); 
       var fd1 = localStorage.getItem('Field1'); 
       document.writeln("<br>Field1 = "+fd1); 
       var fd2 = localStorage.getItem('Field2'); 
       document.writeln("<br>Field2 = "+fd2); 

      } 
    </script> 

Answer 1

）のlocalStorageデータをフェッチしようとしています

forループのlocalStorageアイテムをオーバーライドしているためです。

などの必要なforループ簡素化ルックス：ループが完了した後に理由です

json1.feeds.forEach(function(feed, i) { 
    localStorage.setItem('Created_at', feed.created_at); //Gets over-riden on every iteration 
    localStorage.setItem('Field1', feed.field1);}); 

。 Created_atフィールドは、アレイ内の最後に処理されたアイテム、すなわち最後のエレメントの値のみを有する。必要なのは、対応するarrayを作成することです。ここで、各要素は、API応答から読み取っているfeedアイテムに対応します。

ここで、localStorageは、単純にキー値のペアを格納できます。配列のような型はサポートしていません。

json1.feeds.forEach(function(feed, i) { 
    var feedsArray = JSON.parse(localStorage.getItem('feedsArray')); 
    feedsArray.push(feed); 
    localStorage.setItem('feedsArray',JSON.stringify(feedsArray)); 

}); 

はい、あなたが初めてfeedsArrayキーが存在するかどうかをチェックし、空の配列として設定する必要があります：あなたにできることは、これらのライン上で何か（未テストコード）です。私は意図的にコード全体を入れていないので、それは非常に簡単で、あなたのための良い運動でなければなりません。

これで完了し、すべてのフィードをlocalStorageから読み込みたいとします。 feedsArrayキーを取得し、それを解析してから繰り返します。簡単に言えば、基本的な考え方は、JSONのフィード配列を持ち、キーがfeedsArrayのlocalStorageの文字列として格納することです。

私が上記で示したコードスニペットは、私が提案する解決策に向かってあなたを始めることができます。

関連SO Post

Answer 2

上記の問題に対する答えは、私はデルがどの間違っている場合は、あまりにもわからsolution.Butを持っていないどのbelow.throughです。 one.html：other.html

$.ajax({ 
    url : "https://api.thingspeak.com/channels/9/feeds.json?results=3", 
    dataType:"json", 
    cache: false, 
    error:function (xhr, ajaxOptions, thrownError){ 
    debugger; 
    alert(xhr.statusText); 
    alert(thrownError); 
}, 
    success : function(json1) { 
    console.log(json1); 

    json1.feeds.forEach(function(feed, i) { 
    console.log("\n The deails of " + i + "th Object are :\nCreated_at: " + feed.created_at + "\nEntry_id:" + feed.entry_id + "\nField1:" + feed.field1 + "\nField2:" + feed.field2); 
    var feedsArray = JSON.parse(localStorage.getItem('feedsArray')); 
    feedsArray.push(feed); 
    localStorage.setItem('feedsArray',JSON.stringify(feedsArray)); 
    for (var i = 0; i < localStorage.length;i++){ 
     var savedArr =localStorage.getItem('feedsArray[i]')                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 
    } 
    }); 

：あなたが話したよう

 // Called on body's `onload` event 
     function init() { 
      // Retrieving the text input's value which was stored into localStorage 

      var feedsArray = JSON.parse(localStorage.getItem('feedsArray')); 
        for (var i = 0; i < localStorage.length;i++){ 
         var savedArr =localStorage.getItem('feedsArray[i]'); 
         //feedsArray.push(savedArr); 
        } 
        console.log(savedArr); 
         document.writeln("<br>FEEDS = "+savedArr); 

     } 
</script