具有多种形式的 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
});