Question

请帮忙。我正试图将shopifys购物车整合到shopify本身之外。基本上我需要提交一份表格并防止重定向，这样我就可以允许客户在继续结账之前添加他想要的所有商品而不是一个。

我一直在尝试两种方法：

仅使用链接的第一种方法：

<a href="http://statevintage.myshopify.com/cart/add" onclick="var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href; var v = document.createElement('input'); v.setAttribute('type', 'hidden'); v.setAttribute('name', 'id'); v.setAttribute('value', '281514140'); f.appendChild(v); var r = document.createElement('input'); r.setAttribute('type', 'hidden'); r.setAttribute('name', 'return_to'); r.setAttribute('value', 'back'); f.appendChild(r); f.submit(); return false;">BUY NOW</a>

使用带有return_to的表单提交的第二种方法：

<form action="http://statevintage.myshopify.com/cart/add" method="post">
<input type="hidden" name="id" value="281514140" />
<input type="hidden" name="return_to" value="back" />
<input type="submit" value="BUY NOW" />
</form>

无论我做什么，即使使用返回假脚本，我仍然会被发送到结账！

这家伙使用的是相同的表单功能，只有数量选项，http://sageinvoices.co.uk/但由于某种原因，它直到你实际结账时才会离开他的网站。这应该是因为

 <input type="hidden" name="return_to" value="back" />

我已经关注了我能找到的每个维基，我无法阻止表单重定向到我的结帐页面。我计划生成购物车计数和商品显示，然后允许用户在需要时结帐。我也无法为我的客户改变平台！它必须为shopify工作。此外，我不能使用他们的应用程序或iframe方法。此站点必须跨浏览器兼容且快速。

Answer 1

如果您f.submit()表单，则按照其说法执行操作：提交表单; - ）

可以阻止默认的提交行为，例如使用jQuery：

$('#target').submit(function() {
  alert('Handler for .submit() called.');
  return false;
});

停止表单操作重定向或href重定向

1 个答案: