如何在 update.js shopify 中使用動態變量

Question

我希望你在 update.js 中使用測試變量，但是當我用作變量時它顯示錯誤但是當我直接傳遞這個值時它可以工作有人可以告訴我如何使用動態變量來改變購物車中現有產品的數量

我已經更新了我的代碼它將只允許用戶添加 5 個項目超過 5 個項目將被刪除它將創建如下所示的字符串 32082238341235:0,39470423048307:0,32164693278835:0,32164693835891:1

最后所有的 ID 和數量將由 update.js 更新

我在最后一步出現錯誤，它顯示 {"status":404,"message":"Cart Error","description":"Cannot find variant"}

當我嘗試更新所有產品時

 jQuery.getJSON('/cart.js', function(cart) { var items_new = cart.items; var count = 0; count = cart.item_count; var item_to_remove = count - 5; if (count > 5) { var item_to_remove = count - 5; var combine = "" if (item_to_remove > 0) { for (var i = 0; i < items_new.length; i++) { if (count > 5) { var c_id = items_new[i].variant_id; var c_quantity = items_new[i].quantity; if (c_quantity >= item_to_remove) { var q = c_quantity - item_to_remove var data_multiple = c_id + ":" + q + ","; debugger; count = count - item_to_remove; console.log(data_multiple); var combine = combine + data_multiple; } else { var data_single = c_id + ":" + 0 + ","; count = count - c_quantity; item_to_remove = item_to_remove - c_quantity console.log(data_single) var combine = combine + data_single; } } } console.log(combine.slice(0, -1)); var test = combine.slice(0, -1); console.log({ updates: { test } }); jQuery.post('/cart/update.js', { updates: { test } }); } t._rerenderCart() } t.sidebarDrawer.open() });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Answer 1

您需要將test作為 object 存儲在括號{}中，然后使用 spread ...運算符傳遞給updates 。

 var test = {39470423048307: 0, 32164693278835: 0, 32164693835891: 1}; console.log({updates: {...test}}); jQuery.post('/cart/update.js', {updates:{...test}});

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>