Fetch 概述

Fetch Api 概述

XMLHttpRequest的问题

1. 所有的功能全部集中在同一个对象上，容易书写出混乱不易维护的代码
2. 采用传统的事件驱动模式，无法适配新的 Promise Api

Fetch Api 的特点

1. 并非取代 AJAX，而是对 AJAX 传统 API 的改进
2. 精细的功能分割：头部信息、请求信息、响应信息等均分布到不同的对象，更利于处理各种复杂的 AJAX 场景
3. 使用 Promise Api，更利于异步代码的书写
4. Fetch Api 并非 ES6 的内容，属于 HTML5 新增的 Web Api
5. 需要掌握网络通信的知识
   使用 fetch函数即可立即向服务器发送网络请求

参数

该函数有两个参数：

1. 必填，字符串，请求地址
2. 选填，对象，请求配置

请求配置对象

• method：字符串，请求方法，默认值GET
• headers：对象，请求头信息
• body: 请求体的内容，必须匹配请求头中的 Content-Type
• mode：字符串，请求模式
  • cors：默认值，配置为该值，会在请求头中加入 origin 和 referer
  • no-cors：配置为该值，不会在请求头中加入 origin 和 refe