2017-07-02 33 views
0

我想在我的index.html.erb文件中顯示localStorage中的項目數組。我爲這個應用程序使用rails。我應該將信息發送到我的軌道控制器,然後將其發送到我的index.html.erb或有沒有辦法做到這一點,而無需發送信息到控制器?我寧願不將這些信息保存在服務器端。在html.erb文件中顯示localStorage項目的最佳做法

這裏是我的代碼在我的index.html.erb

<div> 
    <div id="result"> 
    <script> 
    function storage(){ 
     var items = JSON.parse(localStorage.getItem("cars")) 
     for (var i = 0; i < items.length; i++){ 
     document.getElementById("result").innerHTML = items[i] 
     } 
    } 
    storage() 
    </script> 
    </div> 
</div> 

眼下這顯示在視圖頁面的陣列,而不是多個項目中只有一個項目。如果我必須先將信息發送給控制器,那我該怎麼做?任何反饋將不勝感激。

回答

2

要替換的HTML每次迭代所以只有最後一個項目將顯示

試着這麼做:

document.getElementById("result").innerHTML += (items[i] + '<br>`); 

注:這是假設你實際上是在存儲陣列

+0

這工作。感謝你的快速回復!! –

+0

鑑於您可以根據需要重構html以獲得更多語義 – charlietfl

相關問題