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

Question

我在 localStorage 中有一个项目数组，我想在我的 index.html.erb 文件中显示它们。我在这个应用程序中使用 Rails。我应该将信息发送到我的 Rails Controller ，然后将其发送到我的 index.html.erb 还是有办法在不将信息发送到 Controller 的情况下执行此操作？我宁愿不在服务器端保存信息。

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

现在， View 页面中仅显示数组中的一项，而不是多项。如果我必须先将信息发送给 Controller ，我该怎么做？任何反馈将不胜感激。

Answer 1

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

尝试如下:

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

<小时/>

注意:这假设您实际上正在存储一个数组