Servlet & JSP/Servlet & JSP 공부

[자바웹을다루는기술] 자바스크립트로 서블릿 요청하기

개발자하소서 2022. 2. 14. 21:22
728x90
반응형
SMALL

1.  sec03.ex03패키지에 LoginServlet5 클래스 생성하고 login2.html 추가생성

 

 

2. login2.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">

<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>


<title>로그인 창</title>
</head>
<body>

<form name="frmlogin" method="post" action="login4">

아이디 <input type="text" name="user_id"><br>
비밀번호 <input type="password" name="user_pw"><br>
<input type="submit" value="로그인">
<input type="reset" value="다시입력">
<input type="hidden" name="user_address" value="서울시 성북구"/>
</form>

</body>
</html>

 

3. LoginServlet5.java

 

package sec03.ex03;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@WebServlet("/login5")
public class LoginServlet5 extends HttpServlet {
	
	
	public void init() throws ServletException {
	
		System.out.println("init메서드 ");
	}

	public void destroy() {

		System.out.println("destory 메서드 ");

	}

	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
	
		request.setCharacterEncoding("utf-8");
		response.setContentType("text/html;charset=utf-8");
		PrintWriter out = response.getWriter();
		String id = request.getParameter("user_id");
		String pw = request.getParameter("user_pw");
		String address = request.getParameter("user_address");
		System.out.println("아이디는 : " + id);
		System.out.println("비밀번호는 : " + pw);
		
		
		String data = "<html>";
		data += "<body>";
		data += "아이디 : " + id;
		data += "<br>";
    	data += "비밀번호 : " + pw;		
    	data += "<br>";		
    	data += "주소 : " + address;
    	data += "</html>";
    	data += "</body>";
    	out.print(data);
	
	}

}

 

 

4. 실행결과

- ID와 비밀번호를 입력하지 않고 로그인을 클릭하면 오류 창이 나타난다.

 

 

 

 

 

728x90
반응형
LIST