[TOC]

今天偶然发现了一个fetch,了解了一下，作如下记录：

Fetch是基于promise设计的，它不是ajax的进一步封装，而是原生js API，没有使用XMLHttpRequest对象。fetch是新一代XMLHttpRequest的一种替代方案。无需安装其他库。可以在浏览器中直接提供其提供的api轻松与后台进行数据交互
有兼容性

fetch优点：

  1. 语法简洁，更加语义化
    2. 基于标准 Promise 实现，支持 async/await
    3. 同构方便，更加底层，提供的API丰富（request, response, body , headers）5. 脱离了XHR，是ES规范里新的实现方式

    fetch缺点：

  2. fetch只对网络请求报错，对400，500都当做成功的请求，服务器返回 400，500 错误码时并不会 reject。
    2. fetch默认不会带cookie，需要添加配置项： credentials: ‘include’。
    3. fetch不支持abort，不支持超时控制，造成了流量的浪费。
    4. fetch没有办法原生监测请求的进度，而XHR可以
    补充知识点：
    Fetch的mode配置项有3个取值：
    same-origin：该模式是不允许跨域的，它需要遵守同源策略；
    cors: 该模式支持跨域请求，顾名思义它是以CORS的形式跨域；
    no-cors: 该模式用于跨域请求但是服务器不带CORS响应头，也就是服务端不支持CORS；目前，针对跨域请求，cors模式是常见的实现。

基本用法：

fetch（url，{parmas}）.then(res=>
return res.json() //返回promise对象
).then(data=>{
return data //返回真正数据
}).catch(err=>{
throw new Error(err)
})

get 方式：