使用 Ajax/jQuery 同时发布两个表单答案

【问题标题】：Posting two forms simultaneously using Ajax/jQuery使用 Ajax/jQuery 同时发布两个表单
【发布时间】：2011-06-16 17:29:58
【问题描述】：

我有一个发布到 post.php 的表单，以及一个发布到 Paypal 的表单。我想要它，这样当我单击 Paypal 提交按钮时，它会发布两个表单并转到 Paypal 按钮将带您进入的页面。

但是，我遇到了这个问题，我不确定原因是什么。该表单可以正常转到 Paypal 页面，但不会发布我的其他非 Paypal 表单。

这是我的 JS：http://slexy.org/view/s2u2Jsr2RI

这是我的 HTML：http://slexy.org/view/s2gc4q8CHe

这是我的 post.php：http://slexy.org/view/s208WfbKso

以下是我认为是问题根源的 jQuery 行：

$('#paypalButton').click(function(){
     $.post('post.php', $('#myForm').serialize(), function(){
               $('#paypal').submit();
    });
});

【问题讨论】：

jQuery 的序列化方法可能不起作用，因为您的表单（“myForm”）在语义上不正确？

标签： javascript jquery html ajax paypal

【解决方案1】：

首先提交的是贝宝表单，因为您的输入字段为type="image"。充当提交按钮

【讨论】：

只想添加：您可以在 jQuery 中覆盖该 paypal 表单的提交处理程序，然后执行您的第一篇文章（然后提交 paypal 表单），或者将输入字段更改为一个按钮来处理点击（你必须以不同的方式处理图像显示）

【解决方案2】：

这可行：只是阻止事件的默认行为发布表单。

$(function(){
    $('#paypalButton').click(function(**event**){
        **event.preventDefault();** 
         $.post('post.php', $('#myForm').serialize(), function(){
               $('#paypal').submit();
         });
    });
});

【讨论】：

嗨 CheezWeezil，欢迎来到 StackOverflow。您可以在每行使用 4 个空格或 WYSWYG 编辑器中的 { } 缩进代码（或其他可引用的内容）。保持可读性。