当提交多个表单时，jQuery仅提交一个表单

Question

我在写一个Chrome扩展。在我的内容脚本中，我向DOM注入了两种形式，分别是target =“_ blank”。形式是在网页上显示

表1

<form action="page1.php" target="_blank" id="form1" method="POST"> 
    <input type="submit" value="Save" id="savebutton1"> 
</form> 

表2

<form action="page2.php" target="_blank" id="form2" method="POST"> 
    <input type="submit" value="Save" id="savebutton2"> 
</form> 

我想使用jQuery所以我写提交两种形式;

$("#form1").submit(); 
    $("#form2").submit(); 

但最后只有一个选项卡打开，这只是最后一个表单提交和我的第一个表单被忽略。但我想打开两个标签

我不仅可以在一个选项卡中看到page2.php。我的page1.php永远不会被调用。请帮助解决问题

Answer 1

这是不可能的。

浏览器只能提交一个表单并处理单个表单在服务器上生成的任何重定向。

如果您需要多个表单提交，你需要一种不同的方法，如使用AJAX

Answer 2

正如@charlietfl说，因为你正在尝试做这个不能做。

但是，根据您的后端系统，您可能能够制作复合表单并解析数据。我知道，C#可以解决这个问题。

<input name="form1.xxx"> 
<input name="form2.xxx"> 

然后，在C＃中，你可以创建你的对象

class Form1 { 
    xxx: string 
} 

class Form2 { 
    xxx: string 
} 

class Combined { 
    form1: Form1, 
    form2: Form2 
} 

与访问它：Combined.form1.xxx