Question

我的用例是我正在尝试将电子商务数据传递到html页面中。

当前在我的第一个js文件（main.js）中，我正在这样做：

  $('.order-checkout').click(function() {
    console.log("checkout")
    window.localStorage.removeItem('data');
    data = JSON.stringify(shoppingCart.listCart())
    console.log(data)
    localStorage.setItem("object_name",data);

  });

这是我要传递的一些示例数据：

[{"name":"Marvel_Black_T-shirt","price":20,"count":1,"total":"20.00"},{"name":"DC_Black_T-shirt","price":35,"count":1,"total":"35.00"}]

我在下面的第二个js文件（checkout.js）中进行了此操作。我的checkout.html页面正在使用此JS文件

var data;
var total_amount;

var data = localStorage.getItem("object_name");
console.log(data)
console.log ("debug")
results = JSON.parse(data)

console.log(results)
localStorage.clear();
document.querySelector("button").disabled = true;
const orderTotal = document.getElementById('order-total');
orderTotal.querySelector('[data-total]').innerText = results[0].total

我注意到有时console.log不一致...它可能不会打印调试消息，并且未设置我的orderTotal.querySelector('[data-total]').innerText = results[0].total。

这是使用本地存储的最佳方法吗？关于我该如何处理的其他建议？

将变量从一个JS文件传递到另一个JS文件

0 个答案: