jQuery .serialize() 를 이용한 ajax Form Submit
Spring 기반으로 백-엔드를 개발 중에 프론트 자바스크립트에서 ajax방식의 요청으로 form에 있는 정보를 넘겨야하는 경우가 있어 정리해두기로 했습니다. 1. HTML 폼과 전송을 위한 컨트롤과 Submit버튼을 만듭니다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<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> |
2. JS 다음은 Form Submit을 위한 버튼 메소드를 정의를...