Javascript 在html.erb文件中显示localStorage中项目的最佳实践

我想在index.html.erb文件中显示localStorage中的一个项目数组。我正在为这个应用程序使用rails。我应该将信息发送到我的rails控制器，然后再发送到index.html.erb，还是有办法不将信息发送到控制器？我宁愿不把信息保存在服务器端

这是我在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>

函数存储（）{
var items=JSON.parse（localStorage.getItem（“cars”））
对于（变量i=0；i

---

现在，这只是在视图页面中显示数组中的一个项目，而不是许多项目。如果我必须先将信息发送给控制器，我将如何进行？如有任何反馈，将不胜感激

每次迭代都要替换html，因此只显示最后一项

尝试以下方法：

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

document.getElementById（“结果”）.innerHTML++=（items[i]+'
`）；

---

---

注意：这假设您实际存储的是一个数组

您每次迭代都要替换html，因此只会显示最后一项

尝试以下方法：

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

document.getElementById（“结果”）.innerHTML++=（items[i]+'
`）；

---

---

注意：这假设您实际存储的是一个数组

，因为您可以根据需要将html重新构造为更具语义，也可以根据需要将html重新构造为更具语义