fetch使用

为何使用fetch？

        前端开发中，向服务器请求数据通常用三种：XMLHttpRequest、fetch、jQuery的ajax

        XMLHttpRequest、fetch是浏览器的原生API，fetch在IE和低版本的浏览器支持不友好

        jQuery的ajax其实就是对XMLHttpRequest的封装实现

 

建议在项目中引用第三方封装好的，以避免有些网站无法工作 fetch github

step1: yarn add whatwg-fetch

step2: import {fetch as fetchPolyfill} from 'whatwg-fetch'

step3: fetchPolyfill(api)
      .then(function(response) {
        return response.json()
      }).then(function(json) {
        console.log('parsed json', json)
      }).catch(function(ex) {
        console.log('parsing failed', ex)
      })

fetch使用

简单的使用:

fetch(url, options).then(function(response) {
  // handle HTTP response
}, function(error) {
  // handle network error
})

全面使用:

fetch(url, {
  method: "POST",
  body: JSON.stringify(data),
  headers: {
    "Co