将表单提交两次到不同的脚本

时间:2015-03-17 11:04:36

标签: jquery ajax jquery-validate

出于某种原因,我需要同时将表单传输到2个不同的脚本。 知道我怎么能这样做吗?任何帮助,将不胜感激。

jQuery("#form1").validate({
    debug: true,
    submitHandler: function() {
        var dataString = jQuery("#order_form form").serialize();
        jQuery.ajax({
            type: "POST",
            url: "checkout.php",
            data: dataString,
            //dataType: text,
            success: function(msg) {
                jQuery('#order').animate({ left: '400px'}, 4000, 'linear').fadeOut(2500);
                jQuery('#form1').animate({ left: '400px'}, 0, 'linear').fadeOut(0);
                //jQuery('#left').css('left', '400px');
                jQuery('#order_form').html("<div style='margin-top:117px; text-align:center;' id='message'></div>");
                jQuery('#message').html("<p class='text'>Thank you</p>")
                    .append("<p class='text' style='margin-bottom:15px;'></p>")
                    .fadeIn(500, function() {
                        jQuery('#message').append("<img id='checkmark' src='form/ok.png'  >");
                });
            },
        });
        return false;
    }
}); 

2 个答案:

答案 0 :(得分:0)

是的,您可以为第二页添加另一个ajax代码,例如

submitHandler: function() {
   $.ajax();// first
   $.ajax();// second
}

答案 1 :(得分:0)

非常感谢您的快速回答。 这样,就在第一个后面(对不起,我是新手)?

 **jQuery.ajax({
        type: "POST",
        url: "checkout.php",
        data: dataString,
        //dataType: text,
        success: function(msg) {**
            jQuery('#order').animate({ left: '400px'}, 4000, 'linear').fadeOut(2500);
            jQuery('#form1').animate({ left: '400px'}, 0, 'linear').fadeOut(0);
            //jQuery('#left').css('left', '400px');
            jQuery('#order_form').html("<div style='margin-top:117px; text-align:center;' id='message'></div>");
            jQuery('#message').html("<p class='text'>Thank you</p>")
                .append("<p class='text' style='margin-bottom:15px;'></p>")
                .fadeIn(500, function() {
                    jQuery('#message').append("<img id='checkmark' src='form/ok.png'  >");
            });
        },



**jQuery.ajax({
        type: "POST",
        url: "checkout2.php",
        data: dataString,
        //dataType: text,

            });
        },