Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
提交表单后JQuery重定向_Jquery_Ajax_Forms - Fatal编程技术网

提交表单后JQuery重定向

提交表单后JQuery重定向,jquery,ajax,forms,Jquery,Ajax,Forms,我想重定向后,我的表单提交到支付组的支付url 我尝试了下面的代码,但问题是我的表单正在提交,但我无法重定向 请参阅下面的代码片段 jQuery('.containerdddd' ).click(function() { jQuery('#gform_29' ).submit(); window.location.replace("https://lets.paybygroup.com?merchant=abcd&purchase_description=Great%20rental%2

我想重定向后,我的表单提交到支付组的支付url

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

请参阅下面的代码片段

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等其他选项来实现这一点。

试试这段代码

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

         // your function


});
更新: 试试这个


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

});  

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

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

您的表单(带有提交按钮):

然后,在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的方法。

如果我阻止提交表单,那么我如何在重定向之前提交表单您可以使用ajax发布请求,然后在成功后重定向。您能告诉我有什么示例可以帮助我通过调用当前正在使用的jquery函数提交表单,然后重定向吗?我已经使用过我的表单已提交,但未重定向jQuery('.containerddd')。单击(函数(){alert(“group”);jQuery('#gform_29')。提交()//window.open(');});jQuery('#gform_29').bind('ajax:complete',function(){alert(“submit form”);});
<form id="gform_29" method="get" action="form_validation.php">
    <input type="text" name="whatever">
    <input type="submit" value="Submit">
</form>
$("#gform_29").submit();
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');