有没有办法从序列化的添加到购物车表单中获取变体 ID 在 Shopify.

Question

目前我使用的是标准的POST/cart/add.js，Ajax调用格式，我在其中设置了data: this.$form.serialize。当我控制台记录序列化的"添加到购物车"表单时，我看到整个表单输出，其中包含我希望从表单中单独获取变体 ID 的ID。有没有办法提取这条信息？

Answer 1

标准表单提交使用输入或选择，其name="id"是提交的变体 ID。

因此，您可以目标从该输入获取variant.id，也可以拆分序列化输出并从那里获取 id。

您可以像这样定位它：document.querySelector('[name="id"]').value

或者，如果您想从序列化输出中获取它，则必须稍微拆分字符串才能获得名称：

var name = this.$form.serialize()
.map(item => item.split('='))
.reduce((result, item) => { result[item[0]] = item[1]; return result; }, {})
.name