具有多个表单的jQuery Ajax请求

我正在使用php代码生成多个表单，如下所示

问题是，如果我想执行jqueryajax请求，如何引用表单。我的目标是，当单击submit按钮时，应该发布来自该表单的相关数据

以前，我指的是带有

$（'#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>

id
属性必须是唯一的。如果可能的话，请考虑<表格> <代码> ID >代码> < /P> > <代码> VIEW-DOC-1 ，<代码> VIEW-DOC-2和<代码> VIEW-DOC-3-<代码>。
否则，请使用
class
而不是
id
，并在JavaScript上执行此操作：

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

这将只执行您单击的提交按钮！谢谢，顺便问一下，我们可以用相同的名字但不同的身份证吗？。例如，view-doc-1和view-doc-2将具有相同的名称（view-doc），但id不同。也许我可以这样用。