Question

我想使用jquery提交和重定向表单。我已经尝试过但重定向不起作用，这是我的代码。问题是我在我的表单中有两个提交按钮，当我设置action =“..... php”时，两个都重定向到其他页面。但我不希望更新购物车按钮重定向到任何其他页面所以我想要使用jquery提交和重定向表单。请给我一些解决方案。感谢...

<script type="text/javascript">
 $(document).ready(function(){
     $('#updateCart').click(function(){
    $('#form1').submit(); 
     window.location.href='Checkout.php';

                           });
 });
</script>

<form name="form1" method="post" id="cartform" class="clearfix" action="#">

<input type="submit" id="updateCart" value="Update Cart" class="btn-txt" name="update" onclick="update_cart()"> 
<input type="submit" class="checkout-button btn" name="checkout" />

</form>

Answer 1

您应该在更新购物车按钮上执行e.preventDefault();，然后触发更新购物车的功能。

这样的事情：

<script type="text/javascript">
$(document).ready(function(){
    $('#updateCart').click(function(e){
        e.preventDefault();
        updateCart(); 
    });
});
</script>

只有在按下“结帐”按钮时，才会按下“更新购物车”按钮时触发表单提交。

Answer 2

您只需将其设置为＆＃34;按钮＆＃34;然后它会在点击时运行javascript。然后，您可以将action属性放回到表单上，它只会提交结帐提交按钮。

<button type="button" id="updateCart" class="btn-txt" name="update" onclick="update_cart()">Update Cart</button>

Answer 3

您的方法没问题，但您需要确定哪个按钮是您的官方表单“提交”按钮，并且在提交之前附加到jQuery函数以更新表单。

我建议您不要为主“结帐”按钮执行任何JavaScript操作，因为您希望将其转到付款详细信息的付款页面 - 即表单将跟随action="checkout.php"。

对于“更新购物车”按钮，请按照APAD1的回答并根据您的需要进行调整。如果您要更新表单字段，则需要考虑使用JSON编码的返回数据......

Answer 4

在表单标记中添加id或类

python test.py >> test_cron.log

将提交按钮更改为锚点

<form id="form1" ...>

并在javascript中提交表单并重定向用户

<a id="submitAnchor"> ... </a>

如何使用jquery提交和重定向表单

4 个答案: