當提交多個表單時，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