Send13.jps
<%@ page contentType="text/html; charset=UTF-8"%>
<%
String gugudanStr = request.getParameter("gugudan");
int gugudan = Integer.parseInt(gugudanStr);
String result ="";
for(int i=1; i<=9; i++)
{
result += String.format("%d * %d = %d<br>", gugudan, i, gugudan*i);
}
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Receive13.jsp</title>
</head>
<body>
<div>
<h1>JSP 를 이용한 데이터 송수신 실습</h1>
<hr>
</div>
<div>
<h2>Send13.jsp ○ → Receive13.jsp ●</h2>
</div>
<div>
<p>수신 데이터 : <%=gugudanStr %></p>
<p><%=result %></p>
</div>
</body>
</html>
Receive13.jsp
<%@ page contentType="text/html; charset=UTF-8"%>
<%
String result="";
result +="<ul>";
for(int i=1; i<=9; i++)
{
//result += String.format("<li><a href='Receive13.jsp?gugudan=%d'>%d단</a></li>", i,i);
// %d 사이에 숫자+$ 를 적으면 매개변수(i)가 들어간다
result += String.format("<li><a href='Receive13.jsp?gugudan=%1$d'>%1$d단</a></li>", i);
}
result +="</ul>";
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Send13.jsp</title>
<link rel="stylesheet" type="text/css" href ="css/main.css">
<script type="text/javascript">
function dan(obj)
{
obj.submit();
}
</script>
</head>
<body>
<!--
○ 데이터 송수신 실습
- a 태그에 대한 반복문 처리를 하는 JSP 페이지를 구성한다.
- 구구단 리스트를 동적으로 구성하여
선택에 따른 결과 페이지를 출력해주는 혀앹의 페이지로 구현한다.
- submit 버튼 없이 이벤트를 처리할 수 있도록 한다.
페이지 레이아웃
--------------------------------------------------------
구구단 선택
1단
2단
3단
:
9단
--------------------------------------------------------
- 단 클릭 시
해당 구구단을 출력해주는 형태의 페이지로 구성한다.
- 사용자 최초 요청 주소는
『http://localhost:8090/WebApp05/Send13.jsp』로 한다.
○ Send13.jsp
Receive13.jsp
-->
<div>
<h1>JSP 를 이용한 데이터 송수신 실습</h1>
<hr>
</div>
<div>
<h2>Send08.jsp ●→ Receive08.jsp ○</h2>
</div>
<div>
<%=result %>
</div>
</body>
</html>
