자바스크립트 ajax fetch 오류 처리 샘플

자바스크립트에서 외부 api랑 처리할 때 fetch를 사용할 수 있어요

프레임워크나 라이브러리를 사용 할 수도 있는데요

이번에는 완전 순수한 자바스크립트에서 제공하는 기능으로만 간단하게 사용하고 싶은 경우에 쓸 수 있어요 

 

fetch("http://httpstat.us/500")
    .then(function(response) {
        if (!response.ok) {
            throw Error(response.statusText);
        }
        return response;
    }).then(function(response) {
        console.log("ok");
    }).catch(function(error) {
        console.log(error);
    });

마지막에 catch 를 사용해서 api에 오류가 있는 경우 잘 잡힐 줄 알았는데요

500 오류가 있는 경우 스크립트가 그냥 멈추더군요. 

그래서 if 문으로 ok 로 반환하는지 체크합니다