Jquery | blog.hemapresso.com

Development / HTML / Javascript / JSP / Java / Spring

2014/03/14

jQuery .serialize() 를 이용한 ajax Form Submit

Spring 기반으로 백-엔드를 개발 중에 프론트 자바스크립트에서 ajax방식의 요청으로 form에 있는 정보를 넘겨야하는 경우가 있어 정리해두기로 했습니다. 1. HTML 폼과 전송을 위한 컨트롤과 Submit버튼을 만듭니다.


<form name="ReadingInfoSelectForm" id="ReadingInfoSelectForm" action="" method="post">
	<table>
		<tr>
	  		<td>
				사용자ID : <input type="text" size="50" name="UserID" value="hema30" /><br/>
				도서ID : <input type="text" size="50" name="BookID" value="uuid:35aeb750-ee9f-4813-be49-c43a0df68475" /><br/>
	  		</td>
	 	</tr>
	 	<tr>
	  		<td align="right">
	   			<input type="button" id="ReadingInfoSelectBtn" name="ReadingInfoSelectBtn" value="전송"/>
	  		</td>
	 	</tr>
	</table>
</form>