본문 바로가기
Front-end/JSP

[JSP] jquery, 버튼으로 데이터 보내기

by JiGyeong 2016. 2. 29.


화면에 버튼을 만들어 보자.






body에 위 문장을 추가한다.







버튼에 alert를 거는 대신 다른 방법을 이용해보자.

title 바로아래에 아래 구문을 추가한다.

그럼 이제부터 jquery를 쓸수 있다.







$("selector 대상").이벤트( 기능 );

문법을 이용해 클릭 이벤트를 사용할 수 있다.





아래 구문은 document.ready안에 써준다.

id가 addnewactor라는 버튼을 클릭했을때 /movie로 이동하도록 만든 코드이다.




입력을 받을 form을 만들어 form채로 데이터를 보낼 수 있다.




위 구문은 addNewActor 라는 id가진 button을 눌렀을때

add NewActorForm 이라는 id가진 form을 /movie로 보내주는 구문이다.