javascript - 在表中显示本地存储数据

标签 javascript jquery html

所以我目前已将其存储在我的 localStorage 中:

{cart: "[{"Author":"Micheal Grant","title":"Gone"},{{"Author":"Micheal 
Grant","title":"Fear"}]"

我只是想知道如何检索这些数据并将其显示在表格中:

例如:

<table border="1">
  <tbody>
    <tr>
      <th> Book Title </th>
      <th> Author </th>
    </tr>
    <tr>
      <td class="Book_Title">Gone </td>
      <td class="Author">Micheal Grant</td>
    </tr>
    <tr>
      <td class="Book_Title">The Knife of never letting go</td>
      <td class="Author">Ryan Howard</td>

    </tr>
 </tbody>
</table>

最佳答案

好的,这就是你应该做的

var cart= JSON.parse( localStorage.getItem('cart' ) );
    $.each(cart, function(key, value){
      $('tbody').append(`<tr>
      <td class="Book_Title">${cart.title}</td>
      <td class="Author">${cart.Author}</td>
    </tr>`)
})

关于javascript - 在表中显示本地存储数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50312838/

相关文章:

javascript - 有没有办法在 Android 中为 Safari 启用 JavaScript 错误/调试控制台?

javascript - polymer 纸对话框可滚动。滚动到最后

连接到 MVC Controller 时 JavaScript POST 失败

html - 替代文本对齐 :newspaper html

html - 为什么背景图片不显示在页脚中?

javascript - 有没有办法使类字段只能通过类方法可变?

javascript - Vue.js 奇怪的错误

jquery - jQuery 自动完成 + AngularJS 的问题

javascript - css 过渡背景变化不顺利淡入淡出

javascript - 通过动态创建的id动态选择div