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 속성은 고유해야합니다. 가능한 경우 'id'양식의 경우 view-doc-1, view-doc-2 및 view-doc-3을 고려하십시오.

그렇지 않으면, 대신 id의 class를 사용하여 자바 스크립트에서이 작업을 수행 :

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