[JSP] Ajax 사용법 (GET, POST, JSON)

 

 

 

 목차

1. ajax 사용 전 세팅
   1. jar 파일 다운로드
   2. jquery <script> 태그 설정
2. ajax 사용법
   1. GET
   2. POST
   3. JSON

 

 

 

1. ajax 사용 전 세팅

 

1) jar 파일 다운로드

1. mvnrepository.com > gson
2. 2.8.5 버젼 클릭
3. jar 파일 다운로드
4. lib 폴더 안에 붙여넣기

 

1. mvnrepository.com > gson

 

2. 2.8.5 버젼 클릭

 

3. jar 파일 다운로드

 

4. lib 폴더 안에 붙여넣기

 

 

 

 

2) jquery <script> 태그 설정

1. jQuery > CDN 클릭
2. jQuery 3.x 의 uncompressed 클릭
3. <script> 태그 복사
4. 사용할 jsp 파일에 붙여넣기 (<script> 태그로 인해 jsp에서 비동기 함수 사용 가능 ( = $.ajax() )

 

1. jQuery > CDN 클릭

 

2. jQuery 3.x 의 uncompressed 클릭

 

3. <script> 태그 복사

 

4. 사용할 jsp 파일에 붙여넣기 (<script> 태그로 인해 jsp에서 비동기 함수 사용 가능 ( = $.ajax() )

 

 

 

2. ajax 사용법

 

1) GET

1. jsp에 비동기 함수(= $.ajax() ) 작성
   
2. doGet() 메소드 작성 (= GET으로 받을거라서)
3. 테스트 성공

 

1. jsp에 비동기 함수(= $.ajax() ) 작성

 

2. doGet() 메소드 작성 (= GET으로 받을거라서)

 

3. 테스트 성공

 

 

 

2) POST

1. Object를 POST 방식으로 작성
2. User.java 작성
3. UserDto.java 작성
4. doPost() 메소드 작성
5. 테스트 성공

 

1. Object를 POST 방식으로 작성

 

2. User.java 작성

 

3. UserDto.java 작성

 

4. doPost() 메소드 작성

 

5. 테스트 성공

 

 

3) JSON

1. Object를 Json 으로 작성
2. doPost() 메소드 작성
3. 테스트 (한글 깨짐 현상)
4. 응답 결과 전달시, setContent() 로 charset=utf-8 설정해서 보내기
5. 한글 안 깨짐

 

1. Object를 Json으로 작성

 

2. doPost() 메소드 작성

 

3. 테스트 (한글 깨짐 현상)

 

4. 응답 결과 전달시, setContent() 로 charset=utf-8 설정해서 보내기

 

5. 한글 안 깨짐