fetch 와 promise

.then, .catch

 

<script>

    var fetched = fetch ('http://jsonplaceholder.typicode.com/posts')	// 특정 url에서 값을 가져옴

    fetched.then (function(response) {	// url에서 값을 가져오는 것이 성공할 경우 실행할 콜백함수
    	console.log("response: ", response);
    } );	
    
    fetched.catch (function(reason) {	// url에서 값을 가져오는데 실패하거나 에러 발생시 실행할 콜백함수
    	console.log("reason: ", reason);
    } );

</script>

 

 

 

간소화

 

<script>

    fetch ('http://jsonplaceholder.typicode.com/posts');	// 특정 url에서 값을 가져옴

    .then (function(response) {	// url에서 값을 가져오는 것이 성공할 경우 실행할 콜백함수
    	console.log("response: ", response);
    } );	
    
    .catch (function(reason) {	// url에서 값을 가져오는데 실패하거나 에러 발생시 실행할 콜백함수
    	console.log("reason: ", reason);
    } );
    
</script>

 

 

 

더 간소화

 

<script>

    fetch ('http://jsonplaceholder.typicode.com/posts');	// 특정 url에서 값을 가져옴

    .then (function(response) {	// url에서 값을 가져오는 것이 성공할 경우 실행할 콜백함수
    	console.log("response: ", response);
    } );	
    
    .catch (function(reason) {	// url에서 값을 가져오는데 실패하거나 에러 발생시 실행할 콜백함수
    	console.log("reason: ", reason);
    } );
    
</script>

 

 

 

response의 속성

response.text(), response.json(), 기타등등

응답받은 데이터를 text 타입이나 json으로 가공