Fetch 获取数据

Fetch 获取数据时返回promise, promise 的值是response

response 继承body, body 是mixin, 类似于Java 的抽象类

body 有json() 和text() 方法可以把body 中的ReadableStream 数据转化为json 或文本

fetch('<https://api.github.com/users/bifan/repos>')
  .then(response => response.json())
  .then(data => {
    // Here's a list of repos!
    console.log(data)
  });

Fetch 发送数据

Fetch 发送数据需要设置三个选项

• method, 设置请求方法, post put del, 默认是get
• headers, 设置HTTP Headers, 常见的是设置'Content-Type': 'application/json'
• body, 要发送的数据, 通常使用JSON.stringify 把对象转为字符串再发送

let content = {some: 'content'};

// The actual fetch request
fetch('some-url', {
  method: 'post',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(content)
})
// .then()...

处理异常情况

• 资源不存在
• 没有权限访问资源
• 参数错误
• 服务端抛异常
• 服务器宕机