提交表单后重定向JQuery

时间:2015-01-27 11:07:36

标签: jquery ajax forms

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

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

请参阅下面的代码段。

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和其他东西。

3 个答案:

答案 0 :(得分:2)

如果你没有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。

答案 1 :(得分:1)

试试此代码

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

         // your function


});

<强>更新 试试这个

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

答案 2 :(得分:1)

您可以使用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
        }
    });

});  

这是一个基本的东西,可以帮助你开始做你需要的。