具有多種形式的jQuery Ajax請求

Question

我從我的php代碼中生成多個表單，如下所示。

的問題是，如果我想執行一個jQuery的Ajax請求，我怎麼能指的一種形式。我的目標是當點擊提交按鈕時，應該發佈來自該表單的相關數據。

以前，我指的是形成其$('#id').submit()功能。但是由於所有表單都有相同的名稱，所以我被困在這裏。

<form id="view-doc" method="post" target="report" action="../classes/openDoc.php"> 
<input type="hidden" id="id" name="id" value="1"/> 
<input type="hidden" id="filename" name="filename" value="Research Writer Test 8.doc" /> 
<input type="hidden" id="filetype" name="filetype" value="doc" /> 
<td><input type="submit" class="s-button btn_normal" id="submit" value="View" onsubmit="window.open(about:blank,report,width=300,height=200)" /> 
</form> 

<form id="view-doc" method="post" target="report" action="../classes/openDoc.php"> 
<input type="hidden" id="id" name="id" value="2"/> 
<input type="hidden" id="filename" name="filename" value="template[1].IEEEdoc.doc" /> 
<input type="hidden" id="filetype" name="filetype" value="doc" /> 
<input type="submit" class="s-button btn_normal" id="submit" value="View" onsubmit="window.open(about:blank,report,width=300,height=200)" /> 
</form> 

<form id="view-doc" method="post" target="report" action="../classes/openDoc.php"> 
<input type="hidden" id="id" name="id" value="3"/> 
<input type="hidden" id="filename" name="filename" value="Assignment #3.docx" /> 
<input type="hidden" id="filetype" name="filetype" value="ocx" /> 
<input type="submit" class="s-button btn_normal" id="submit" value="View" onsubmit="window.open(about:blank,report,width=300,height=200)" /> 
</form> 

Answer 1

id屬性必須是唯一的。如果可能的話，請考慮view-doc-1，view-doc-2和view-doc-3表格'id。

否則，使用class代替id併爲此於JavaScript：

$(".view-doc input[type=submit]".bind('click', function() { 
    // your code when button clicked. fired on all the 3 buttons 
});