4. 할 일 Type 변경 및 삭제

1. TodoTypeServlet

- main.jsp에서 -> 버튼을 누르면 버튼의 id가 GET 방식으로 TodoTypeServlet에 전송된다.

- TodoTypeServlet에서는 Table에서 버튼의 id와 일치하는 튜플의 type을

  TODO->DOING, DOING->DONE으로 변경한다.

- main.jsp의 next 함수에서 id를 GET으로 보내고 함수가 끝나면 새로고침을 한다.

- main.jsp의 next 함수

function next(bid){
	var oReq = new XMLHttpRequest();
	oReq.addEventListener("load", function() {
		window.location.reload();
	});
	oReq.open("GET", "http://localhost:8080/TodoList/TodoTypeServlet?id=" + bid); 
	oReq.send();
}

- TodoTypeServlet 코드 : 

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
	TodoDao dao  = new TodoDao();
	// main.jsp에서 GET 방식으로 넘어온 id 정보를 받아서
	// id에 해당하는 type을 변경한다.
	Long id = Long.parseLong(request.getParameter("id"));
	dao.updateTodo(id);
}

 

2. TodoDeleteServlet

- main.jsp에서 X 버튼을 누르면 버튼의 id가 GET 방식으로 TodoTypeServlet에 전송된다.

- TodoDeleteServlet에서는 Table에서 버튼의 id와 일치하는 튜플을 삭제한다.

- main.jsp의 buttonDelete함수에서 id를 GET으로 보내고 함수가 끝나면 새로고침을 한다.

- main.jsp의 next 함수

function buttonDelete(bid){
	var oReq = new XMLHttpRequest();
	oReq.addEventListener("load", function() {
		window.location.reload();
	});
	oReq.open("GET", "http://localhost:8080/TodoList/TodoDeleteServlet?id=" + bid); 
	oReq.send();
}

- TodoDeleteServlet 코드 : 

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
	TodoDao dao = new TodoDao();
	Long id = Long.parseLong(request.getParameter("id"));
	dao.deleteTodo(id);
}

 

3. 화면

이동, 삭제하기 전

이동, 삭제 후