如何在jquery中使用sessionStorage显示产​​品详细信息?

时间:2018-03-13 18:39:33

标签: javascript jquery

我正在尝试为我正在开发的项目创建一个jquery购物车。产品来自json文件。我希望当我点击每个产品时,应该在另一个页面product.html中显示产品详细信息。

这是我的代码

$('#items').delegate('.items', 'click', `${item.name}`, function(name) {
        sessionStorage.setItem('itemName', name);
         window.location = 'product.html?name=${item.name}';
        return false;
      })

      function getItem(subcategory){
        let itemName = sessionStorage.getItem('itemName');
        console.log(sessionStorage.getItem('itemName'));
        subcategory.items[i].forEach(function (name) {
            console.log(name);
            let output =`
        <div class="row">
          <div class="col-md-4">
            <img src="${item.imageLink}" class="thumbnail">
          </div>
          <div class="col-md-8">
            <ul>
              <li> ${item.name}</li>
              <li> ${item.description}</li>
              <li> ${item.price}</li>
            </ul>
          </div>
        </div>
      `;

      $('#item').html(output);
        })
      }

这一行sessionStorage.setItem('itemName', name);我使用name作为值,因为我想从这些项中获得一些独特的东西,这是正确的使用方法吗?

0 个答案:

没有答案