- ajax로 데이터 송수신2024년 10월 03일
- chantleman
- 작성자
- 2024.10.03.:53
ajax : 클라이언트와 서버간에 데이터를 요청하고 응답받는 방식 중 하나
ajax 구조
$.ajax({ url: "/main.do", type:"POST", //post, get 중 하나 contentType:"applicatoin/json", //보내는 타입 dataType: "json", // 응답타입 data:{key1:"value", key2:"value", ...}, success:function(response){ }, error: function(){} });
success 함수 전 데이터
즉, url, type, data는 req로 서버에 요청 보낼 데이터이고
서버에서 req(HttpServletRequest)를 받아 처리한 후 resp(HttpServletResponse)를 보내면
클라이언트의 success 콜백함수에서 서버의 응답을 받아서 처리합니다.
서버에서 클라이언트로 응답을 보내는 과정에서
서버에서 형식( json, xml)을 설정한 후 클라이언트에게 전송합니다.
1. getReview.do 서버에게 GET 방식으로 reviewCode를 보내 요청합니다.
2. req.getParameter()를 통해 클라이언트에서 요청한 reviewCode를 받고
작업을 수행한 후 setContentType을 사용하여 MIME타입을 JSON으로 설정하여 데이터를 보내줍니다.
참고로 getWriter()와 write() 메소드는 Java Servlet API에서 HTTP 응답을 생성하는데 사용되는 메소드로
클라이언트에게 데이터를 전송할 때 사용됩니다.
getWriter()는 클라이언트로 전송할 응답 본문의 텍스트 출력을 위한 PrintWriter 객체를 반환하고
HTML, JSON, XML 등 텍스트 형식의 데이터를 클라이언트에게 전송할 때 사용됩니다.
PrintWriter out = resp.getWriter();
wirte()는 문자열 데이터를 클라이언트의 응답 본문에 작성합니다. 반환할 데이터를 실제로 응답 본문에 작성하는데 사용되며 이 메소드를 통해 텍스트 데이터를 출력할 수 있습니다.
out.write("Hello, World!");
3.
서버에서 응답을 보내면 클라이언트에서 success 콜백함수를 통해 response로 받습니다.
그럼 response에 담겨있는 필요한 데이터를 꺼내 사용하면 됩니다.
728x90'js' 카테고리의 다른 글
복사와 참조 (0) 2024.10.11 node 설치 (4) 2024.10.11 async / await (0) 2024.09.18 XMLHttpRequest (0) 2024.09.18 fetch (1) 2024.09.18 다음글이전글이전 글이 없습니다.댓글