AJAX

AJAX

웹에서 화면을 갱신하지 않고, 데이터를 서버로부터 가져와 처리하는 방법

 

AJAX 사용 방식

1.  XMLHttpRequest 이용 방식

2. fetch() 이용 방식

3. 외부 라이브러리 이용 방식 - jQuery ajax()

4. 외부 라이브러리 이용 방식 - axios

 

 

AJAX 요청에 대한 응답

1. 요청에 대한 처리를 한 후 text, xml, json으로 응답한다.

2. client에서는 이 응답 data를 이용하여 화면 전환 없이 화면에서 볼 수 있다.

 

---

1. fetch()

- fetch() 함수는 첫 번째 인자로 URL, 두번째 인자로 options 객체를 받습니다.

- options에 아무것도 넘기지 않으면 요청은 GET 방식으로 진행됩니다.

- 실행 결과 Promise 타입의 객체를 반환합니다.

- 반환된 Promise 객체는 API 호출이 성공했을 경우 응답 객체를 resolve하고, 실패했을 경우 예외를 reject함

let promise = fetch(url, [options]);

 

 

응답 data를 받는 방법

- response.json() : 응답을 json 형식으로 파싱 함

- response.text()

 

 

fetch(url입력)
.then(response=>response.json())
.then(data=>{
	//응답 결과를 토대로 동작을 실행
    console.log(data);
});