1️⃣1️⃣ 자바스크립트 - 이름 , 나이값 넘기는 3가지 방법

728x90

<HTML파일>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<!-- 이름, 나이 넘기기 -->

<!-- <a 1번째 방법-->

<a href="NewFile.jsp?name=홍길동&age=24">NewFile.jsp로 이동</a>


<br><br>

<!-- form 2번째 방법 / 제대로 기입했는지 검사 불가능-->

<form action="NewFile.jsp">
이름:<input type="text" name="name">
<br>
나이:<input type="text" name="age">
<br>
<input type="submit" value="이동">
</form>

<br><br>


<!-- 자바스크립트(JS)로 넘기는 3번째 방법 / 검사 가능 ex)네임을 제대로 기입을안했다 or 나이에 철자를 집어넣었다 등등  -->

이름:<input type="text" id="name">
<br>
나이:<input type="text" id="age">
<br>
<button type="button" onclick="btn()">이동</button>

<script type="text/javascript">

function btn(){
	
	//location.href="NewFile.jsp?name=일지매&age=22";
	
	let name = document.getElementById("name").value;
	let age = document.getElementById("age").value;
	
	location.href="NewFile.jsp?name="+name+"&age="+age;
	
}

</script>




</body>
</html>

<NewFile.jsp -> JSP파일>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<h3>여기는 NewFile.jsp 입니다.</h3>

<%
// script + applet = scriptlet
// java code 영역
// 내장객체

String name = request.getParameter("name");

out.println("이름은"+name+"<br>");

int age = Integer.parseInt(request.getParameter("age"));

out.println("나이는"+age+"<br>");

%>

</body>
</html>

이름과 나이를 입력해서 이동버튼을 누르면

다음과 같이 설정해둔 해당 페이지로 이름과 나이값이 이동한다

저작자표시

'🚀 자바 스크립트 JavaScript' 카테고리의 다른 글

1️⃣2️⃣ 자바스크립트 - onload, onblur, onchange, onkey--, onmouse-- 정리 (0)	2021.03.04
자바 스크립트 초급 문제/풀이 📝3️⃣ (0)	2021.03.03
🔟 자바 스크립트 - 화면 전환 (앞페이지, 뒷페이지, 새로고침) (0)	2021.03.03
자바 스크립트 기초 문제/풀이 - 라면타이머 📝2️⃣ (0)	2021.03.03
9️⃣ 자바 스크립트 - CSS를 적용시키는 버튼함수 (0)	2021.03.03

👨‍💻 코딩 도서관

1️⃣1️⃣ 자바스크립트 - 이름 , 나이값 넘기는 3가지 방법

'🚀 자바 스크립트 JavaScript' 카테고리의 다른 글

댓글

티스토리툴바

1️⃣1️⃣ 자바스크립트 - 이름 , 나이값 넘기는 3가지 방법

'🚀 자바 스크립트 JavaScript' 카테고리의 다른 글

관련글

댓글

티스토리툴바