JAVA WEB 공부 2일차

GET, POST 방식을 동시에 처리하는 법

• doHandle() 을 만들어 doGet와 doPost방식을 연결하여 한번에 처리

자바스크립트로 서블릿에 요청 방법

• 실무에서는 자바스크립트에서 먼저 입력한 값에 대해서 유효성 검사를 한 후 자바스크립트에서 서블릿에 요청

html에서 자바스크립트를 이용하여 검사 후 서블릿에 요청

<script type="text/javascript">
	function fn_validate() {
		var frmLogin = document.frmLogin;
		var user_id = frmLogin.user_id.value;
		var user_pw = frmLogin.user_pw.value;
		
		if (((user_id.length == 0) || user_id =="" )|| ((user_pw.length == 0) || user_pw=="" )) {
			alert("아이디와 비밀번호는 필수입니다");
		} else {
			frmLogin.method="post";
			frmLogin.action="login5";
			frmLogin.submit();
		}
	}

</script>

서블릿을 이용한 여러가지 실습 예제

• 서블릿으로 요청 시 구구단 출력하기 !

HTML
	<h1>출력할 구구단수를 지정해 주세요</h1>
	<form method="get" action="/pro06/guguTest">
	출력할 구구단 : <input type="text" name="dan" /> <br>
	<input type="submit" value="구구단출력하기"/>
    
Servlet

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		request.setCharacterEncoding("utf-8");
		response.setContentType("text/html;charset=utf-8");
		PrintWriter out = response.getWriter();
		int dan = Integer.parseInt(request.getParameter("dan"));
		
		out.print("<table border='1' with='800' align='center'>");
		out.print("<tr align='center' bgcolor='#ffff66'> ");
		out.print("<td colspan='2'>" + dan + "단출력 </td>");
		out.print("</td>");
		
		for(int i = 1 ; i < 10 ; i++) {
			out.print("<tr align='center' >");
			out.print("<td width='400'>");
			out.print(dan+" * " + i);
			out.print("</td>");
			out.print("<td width='400'>");
			out.print(i*dan);
			out.print("</td></tr>");
		}
		
		out.print("</table>");
	}

예제

결과

• 조건 추가해서 테이블 색 변경해서 출력

		if( i% 2 == 0) {
				out.print("<tr align='center' bgcolor='#ffff66' >");
			} else {
				out.print("<tr align='center' bgcolor='#81bef7'>");
			}
            

• 라디오버튼과 체크박스 , 버튼기능 넣기

	out.print("<td width='200' >");
	out.print("<input type='radio' />" + i);
	out.print("</td>");
	out.print("<td width='200'> ");
	out.print("<input type='checkbox' /> " + i);
	out.print("</td>");