[JavaScript] json 파일 받아오기

1. fetch( ).then( )

fetch("https://jsonplaceholder.typicode.com/posts")
 .then((res) => {
 	return res.json();
 })
 .then((obj) => {
	 console.log(obj);
 });

 

2. axios / async await 

 

axios

Promise 기반의 HTTP 비동기 통신 라이브러리

Fetch와 Axios의 차이점은 Axios는 요청과 응답을 모두 JSON 형식으로 자동 변환시켜 줍니다.

 

async await

 Promise 객체를 사용하더라도 .then() .catch() 등등 뒤에 붙이는 것들이 많아진다. 뒤에 뭐 안 붙이고, 더 간단하게 비동기 작업을 동기적으로 만들어주는 키워드가 바로 await 이다.

  const obj = await axios.get(
  "https://jsonplaceholder.typicode.com/posts"
  );

 

 

옛날에 많이 사용하였지만 현재는 많이 사용하지 않는 방식

  const 요청객체 = new XMLHttpRequest();
  요청객체.open("GET", 요청url);
  요청객체.responseType = "json";
  요청객체.send();
  요청객체.onload = () => {
  const obj = 요청객체.response;
  할일(obj);
  };```

 

---

 

Promise, fetch, async await 정리한 글

https://dkfma6033.tistory.com/157

 

[JavaScript] Promise/ fetch / then / catch / async await