WEB3 - Ajax

fetch API polyfill

수업소개

2018년 현재 fetch API는 비교적 최신 기능입니다. 따라서 아직 지원되지 않는 브라우저를 사용자가 사용하는 경우 동작하지 않을 수 있습니다. polypill을 이용하면 fetch API를 지원하지 않는 웹브라우저에서도 이용할 수 있습니다. 지원되지 않는 브라우저에서 코드가 실행되면 polyfill 이 활성화되서 대신 동작하게 됩니다. 이번 시간에는 fetch API의 ployfill을 적용해봅니다. 

 

 

 

강의

 

수업에서 사용하는 polyfill 바로가기

 

소스코드

변경사항

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <script src="../fetch.js"></script>
</head>
<body>
  <script>
    var result = fetch('https://api.github.com')
    result.then(function(response) {
      console.log('response', response)
      console.log('header', response.headers.get('Content-Type'))
      return response.text()
    }).then(function(text) {
      console.log('got text', text)
    }).catch(function(ex) {
      console.log('failed', ex)
    })
  </script>
</body>
</html>

 

댓글

댓글 본문
작성자
비밀번호
  1. 이승우
    IE11로 해서 에러가 떴는데요 혹시나 이런 에러가 뜨시면
    <script src="https://cdn.jsdelivr.net/npm/promise-polyfill@7/dist/polyfill.min.js"></script>
    이것을 추가해서 사용하시면 될겁니다!
  2. 이승우
    IE11로 아래의 문구가 뜨면서 안됩니당~

    SCRIPT5009: 'Promise'이(가) 정의되지 않았습니다.
    fetch.js (423,5)
  3. egoing
    알려주셔서 고맙습니다. 반영했습니다 :)
    대화보기
    • d.v4n
      2018년 현재 fetch API 비교적 최신 기능이니다. 따라서 아직 지원되지 않는 브라우저를 사용자가 사용하는 경우 동작하지 않을 수 있습니다. polypill을 이용하면 fetch API를 지원하지 않는 웹브라우저에서도 이용할 수 있습니다. 지원되지 않는 브라우저에서 코드가 실행되면 polyfill이 과거의 방식으로 자동으로 동작해줍니다. 이번 시간에는 fetch API의 ployfill을 적용해봅니다.


      오타 부분 수정하여 올립니다. 하루 빨리 적용되길 바랍니다.

      2018년 현재 fetch API 비교적 최신 기능입니다. 따라서 아직 지원되지 않는 브라우저를 사용자가 사용하는 경우 동작하지 않을 수 있습니다. polyfill을 이용하면 fetch API를 지원하지 않는 웹브라우저에서도 이용할 수 있습니다. 지원되지 않는 브라우저에서 코드가 실행되면 polyfill이 과거의 방식으로 자동으로 동작해줍니다. 이번 시간에는 fetch API의 polyfill을 적용해봅니다.
    • 최동희
      fetch API가 위 방법으로 제대로 동작하지 않으면 최후에는 기존 방법이라도 써야 하니 여기 관련된 주소 적어둡니다. https://developer.mozilla.org......ted
    • 최동희
      가상머신 윈도우에서 Internet Explorer나 Edge 브라우저 버전에 따라 테스트해보고 싶으신 분은 https://developer.microsoft.com......ms/ 참고하세요.
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기