• 티스토리 홈
  • 프로필사진
    chantleman
  • 방명록
  • 공지사항
  • 태그
  • 블로그 관리
  • 글 작성
chantleman
  • 프로필사진
    chantleman
    • 분류 전체보기 (329)
      • 프로젝트 (1)
      • react (2)
      • 코딩테스트 (133)
        • lv0 (101)
        • lv1 (10)
        • lv2 (7)
        • lv3 (15)
      • 오류 (14)
      • 리눅스 (5)
      • 자바 (75)
        • spring (7)
      • js (35)
      • 오라클 (39)
        • PLSQL (3)
      • cs (5)
      • 도커 aws (3)
      • 단축키 (3)
      • 나만봐 (0)
  • 방문자 수
    • 전체:
    • 오늘:
    • 어제:
  • 최근 댓글
      등록된 댓글이 없습니다.
    • 최근 공지
        등록된 공지가 없습니다.
      # Home
      # 공지사항
      #
      # 태그
      # 검색결과
      # 방명록
      • 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
        다음글
        다음 글이 없습니다.
        이전글
        이전 글이 없습니다.
        댓글
      조회된 결과가 없습니다.
      스킨 업데이트 안내
      현재 이용하고 계신 스킨의 버전보다 더 높은 최신 버전이 감지 되었습니다. 최신버전 스킨 파일을 다운로드 받을 수 있는 페이지로 이동하시겠습니까?
      ("아니오" 를 선택할 시 30일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)
      목차
      표시할 목차가 없습니다.
        • 안녕하세요
        • 감사해요
        • 잘있어요

        티스토리툴바