로그인 / 입력값 넘기기

 

 

<!-- 방법1 -->

버튼을 눌러 location.href에 하나씩 대입

이름 : <input type="text" id="name"><br>
나이 : <input type="text" id="age"><br>
주소 : <input type="text" id="adress"><br>
<button type="button" id="btn">전송</button>

<script type="text/javascript">
$(function () {
	$('#btn').click(function() {
		//검사
		location.href = "NewFile.jsp?name=" + $('#name').val() +
							"&age=" + $('#age').val() +
							"&address=" + $("#address").val();
	});
});
</script>

 

 

 

<!-- 방법2 -->

action을 form이아닌 버튼에 셋팅하여 

버튼을 눌러 submit진행

<!-- action은 submit버튼을 눌렀을 경우에만 동작 --> 
<form  id="frm">  <!-- action="NewFile1.jsp" 삭제 -->
	이름 : <input type="text" name="name"><br>
	나이 : <input type="text" name="age"><br>
	주소 : <input type="text" name="adress"><br>
	<button type="button" id="send">전송</button>
	<!-- text가 없는 select의 경우에는 <input type="submit">을 사용 -->
</form>

<script type="text/javascript">
$(document).ready(function() {
	//버튼이 클릭됐을 때
	$("#send").click(function () {
		//빈칸체크
		//alert('send');
		
		<!--form에서 action="NewFile1.jsp" 삭제 후 여기에 셋팅-->
		//$('#frm').attr("action", "NewFile1.jsp").submit();	//setter
		$('#frm').attr("action", "NewFile1.jsp").submit();
	});
});
</script>

 

 

 

 

<!-- 방법3 -->

form에 액선 셋팅 후 

버튼에서 submit실행

<form action="NewFile1.jsp" id="frm">  
	이름 : <input type="text" name="name"><br>
	나이 : <input type="text" name="age"><br>
	주소 : <input type="text" name="adress"><br>
	<button type="button" id="send">전송</button>
</form>

<script type="text/javascript">
$(document).ready(function() {
	//버튼이 클릭됐을 때
	$("#send").click(function () {
		//빈칸체크
		//alert('send');
		$('#frm').submit();
	});
});

 

 

 

 

 

 

NewFile2

<%
String name = request.getParameter("name");
int age = Integer.parseInt(request.getParameter("age"));
String address = request.getParameter("address");

System.out.println(name+""+age+""+address);
%>