提交表单后JQuery重定向

Question

我想在我的表单提交后重定向到按组付款的付款网址。

我尝试了下面的代码，但问题是我的表单正在提交，但我无法重定向。

参见下面的代码 sn-p。

jQuery('.containerdddd' ).click(function() {
jQuery('#gform_29' ).submit();
window.location.replace("https://lets.paybygroup.com?merchant=abcd&purchase_description=Great%20rental%20for%203%20people%20with%20lake%20view.&purchase_link_url=http%3A%2F%2Fexample.com%2Fproperty&purchase_currency=CAD&purchase_cost=20&purchase_inventory_id=ESCAPE-23&purchase_name=ssss&purchase_image_url=http%3A%2F%2Fexample.com%2Fpicture.png&mixpanel=14b1230ef5970-091fdb2f9ca03e8-45574336-100200-14b1230ef5b86");
});  

任何人都可以告诉我如何使用任何其他选项（如 ajax 和其他东西）。

Answer 1

如果您没有 JS 操作可做，那么使用 AJAX 毫无意义。只需将表单提交到服务器。您没有说您使用的是哪种服务器端语言，但为了我的回答，我假设您使用的是 PHP。

您的表单（带有提交按钮）：

<form id="gform_29" method="get" action="form_validation.php">
    <input type="text" name="whatever">
    <input type="submit" value="Submit">
</form>

如果您确实需要通过 JavaScript 而不是标准的提交按钮提交，您可以简单地调用 submit() 函数，它将被提交到 action 属性中指定的 URL。

$("#gform_29").submit();

然后，在 form_validation.php 中，您可以对表单数据执行任何操作，一旦完成，您可以像这样进行服务器端重定向：

header('Location: https://lets.paybygroup.com?merchant=abcd&purchase_description=Great%20rental%20for%203%20people%20with%20lake%20view.&purchase_link_url=http%3A%2F%2Fexample.com%2Fproperty&purchase_currency=CAD&purchase_cost=20&purchase_inventory_id=ESCAPE-23&purchase_name=ssss&purchase_image_url=http%3A%2F%2Fexample.com%2Fpicture.png&mixpanel=14b1230ef5970-091fdb2f9ca03e8-45574336-100200-14b1230ef5b86');

保持简单。不要使用你并不真正需要的技术。如果您愿意，可以修改 URL 和使用 post 的方法。

Answer 2

您可以使用 ajax 提交表单：

$('.containerdddd' ).click(function() {
    var form = $("#gform_29");
    var actionURL = form.attr("action");
    $.ajax({
        url: actionURL,
        data: form.serialize(),
        cache: false,
        success: function(result){
            //if the submit was successful, you redirect
            window.location.href = yourURL;
        },
        error: function(){
             //your error
        }
    });

});  

这是一些基本的东西，可以帮助您开始做您需要做的事情。

Answer 3

试试这个代码

$("#yourForm").bind('ajax:complete', function() {

         // your function


});

更新： 试试这个

$(function() {
    $("form").submit(function(e) {
        e.preventDefault();//prevent the form from actually submitting
        window.location = 'yourpath';
    });
});