Toy Project | Notion

1.화면 설계 및 구현

2.ajax로 제품 코드 전송

버튼을 누루면 input에 있는 value를 가져오는지 확인

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="<http://code.jquery.com/jquery-latest.min.js>"></script>
<script>
  $(document).ready(function() {
        $("#b_product").click(function() {
        	var t_prod= $("#t_prod").val();
        	alert(t_prod);
        	
     
       });
    });
 </script>
</head>
<body>
	<label for="t_prod"> 제품코드</label>
	<input type="text" id="t_prod" />
	<input type="button" id="b_product" value="조회" />
	<br>
	<div id="output"></div>

</body>
</html>

	
        	$.ajax({  //속성들  이름:값
			             type:"post",
			             async:true, //동기
			             url:"${contextPath}/json",
			             data : {code: t_prod},//보낼 데이터 : {이름:값}->파라미터
			             success:function (data,textStatus){  //통신이 성공했을때 데이터, 상태 정보를 가져온다.
				         },
					     error:function(data,textStatus){
					        alert("에러가 발생했습니다.");ㅣ
					     },
					     complete:function(data,textStatus){
					     }
		           
   	 	
     
       }); //end ajax

3.컨트롤러 구현(요청)

package com.spring.product;

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;

import org.json.simple.JSONArray;
import org.json.simple.JSONObject;

@WebServlet("/json")
public class JsonServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	
	protected void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		doHandle(request, response);
	}

	
	protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		doHandle(request, response);
	}

	private void doHandle(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		request.setCharacterEncoding("utf-8");
		response.setContentType("text/html; charset=utf-8");
		PrintWriter writer = response.getWriter();

		 String code=request.getParameter("code");
		 System.out.println("code:"+code);

	}

}

4.비지니스 로직 구현

5.컨트롤러 구현(응답)

6.ajax 응답 및 화면 출력