로그인 기초/ 입력받은 값을 링크로 jsp에 넘기기

location.href : 새로운 페이지로 이동

 	ID : <input type="text" name="id" id="_id" value="" placeholder="id 입력"><br>

 

	HTML Link 소스들
	1. <a href=""			짐이 없이 이동
	2. <form action=""		짐을 갖고 이동 -> Ajax를 이용해 docu풀기(html은 단독으로 불가)
	
	JS Link 소스
	1. location.href=""		짐을 갖고 이동

 

 

<!-- html로 전송 -->

action, submit 사용

<form action="NewFile.jsp"></form>
<input type="submit" value="버튼제목"> 

 

<!-- JS 방식1 -->

id로 입력된 값 가져와 대입

	<button type="button" onclick="btnFunc()">btn 제목</button>
    <script type="text/javascript">
	//JS 방식1
	function btnFunc() {
	let id = document.getElementById("_id").value;
	location.href = "NewFile.jsp?id=" + id;
	}

 

<!-- JS 방식2(JQ로 전송) -->

	<button type="button" id="btn">버튼제목</button>
	$("#btn").click(function () {
		//alert('btn click');
		location.href = "NewFile.jsp?id=" +$('#_id').val();
	});

 

 

NewFile

<%
//scriptlet = java 영역!!
String id = request.getParameter("id");
System.out.println("id : "+ id);
%>