Question

我正在创建HTML表单，该表单将数据提交到提交的url中。它的工作正常，数据已传递，但是在数据传递后，我无法重定向到我选择的URL。

我希望在提交按钮之后将其单击的数据传递到url，并将用户重定向到www.abc.com

<form name="htmlform" method="post" action="https://hooks.zapier.com/hooks/catch/821338/gw1ozj/">
<input type="checkbox" name="apple"> Apple
<input type="checkbox" name="mango"> Orange  
<input type="checkbox" name="orange"> Mango

<input type="submit" href="http://www.google.com/"  value="Submit Form" />

</form>

Answer 1

在提交时编写JS函数，该函数通过ajax（也可以是POST方法）将您的数据发送到您想要的网址（来自表单操作），然后通过以下方式手动重定向到www.abc.com

location.href = "www.abc.com";

编辑
将数据发送到hooks.zapier.com网站，然后将其重定向到google.com的解决方案
您不需要表格，只需输入，将按钮更改为

<button onclick="myFunction()">Take me to google.com</button>

myFunction（）的主体（使用jQuery编写原因是使用ajax更为简单）

function myFunction(){
    $.post( "https://hooks.zapier.com/hooks/catch/821338/gw1ozj/",{
        apple: "apple",
        mango: $("input[name='mango']").val() // <- get data from input
    });
    //this can be also in onSucces() in ajax
    location.href = "http://www.google.com";
}

将数据传递到URL，然后重定向

1 个答案: