jquery - 是否可以将折扣代码从购物车页面发送到 Shopify 的结账页面？

Question

我们如何将折扣代码从购物车页面发送到结帐页面？我正在尝试在购物车页面的隐藏字段中添加折扣代码，并希望在结帐页面上自动使用它。我也不想在结账页面手动输入折扣代码。

我在购物车页面上有折扣代码，我试图在 JavaScript 的帮助下将其放入隐藏文件中。以下是我的代码:

$.ajax({
    type: "GET",        
    url: url,
    data: data,
    contentType: "application/json",
    headers: {  'Access-Control-Allow-Origin': '*' },
    success: function(data) {
    var dcv = data.discountCode;
    console.log(dcv);
    document.getElementById("quantityDiscount").value = 'dcv';
   }
});   

从上面的 Ajax 调用中，我在 dcv 变量中收到了折扣代码，并将其放在以 #quantityDiscount 作为 id 的输入字段中。以下是我尝试保存此折扣代码的输入字段。

<input  id="quantityDiscount" class="js-form-discount" type="hidden" name="discount" value="" >

请查看这个问题并帮助我解决它。

提前致谢!

Answer 1

用于将其发送到结账页面

localStorage.setItem("discount", dcv);
// Retrieve
localStorage.getItem("discount"); 

console.log(localStorage.getItem("discount"))   // your discount value

sessionStorage.setItem("discount", dcv);
// Retrieve
sessionStorage.getItem("discount"); 

console.log(sessionStorage.getItem("discount"))   // your discount value

• localStorage 和 sessionStorage 属性允许在网络浏览器中保存键/值对。

• sessionStorage 对象仅存储一个 session 的数据(关闭浏览器选项卡时数据将被删除)。