[21.10.20]

////////member.js

//로그인
	$('#loginBtn').click(function() {
		$('#idDiv').empty();
		$('#pwdDiv').empty();

		if ($('input[name="id"]').val() == '')
			$('#idDiv').html('아이디 입력');
		else if ($('input[name="pwd"]').val() == '')
			$('#pwdDiv').html('비밀번호 입력');
		else{
			// $('form[name="loginForm"]').submit(); - 페이지가 이동됨. 이거 안써줄거임
			$.ajax({ // 페이지 이동없이 이벤트 실행되도록
				url: '/MQBProject/member/login.do',
				type: 'post',
				data: 'id='+$('#id').val()+'&pwd='+$('#pwd').val(), //'변수=값&변수=값'
				dataType: 'text',
				success: function(data){
					alert(data);
				},
				error: function(err){
					console.log(err);
				}
			}); 
		}			
	});
});

 

 

Tomcat은 서블릿이 존재한다는 것을 모르니, web.xml에서 등록해줘야 한다.

 

////////web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd" id="WebApp_ID" version="4.0">
  <display-name>MQBProject</display-name>
  
  <servlet>
  	<servlet-name>ControlServlet</servlet-name>
  	<servlet-class>com.control.ControlServlet</servlet-class>
  	<init-param>
           <param-name>propertyConfig</param-name>
           <param-value>D:/java_ee/workspace/MQBProject/src/main/webapp/WEB-INF/command.properties</param-value>
        </init-param>
  </servlet>
  <servlet-mapping>
  	<servlet-name>ControlServlet</servlet-name>
  	<url-pattern>*.do</url-pattern>
  </servlet-mapping>
  
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
</web-app>

 

 

 

→ ControlServlet.java에서의 propertyConfig와 web.xml에서의 param-name은 결국 같은 의미이다.