接口调用-fetch用法

fetch概述

1. 基本特性：

• 更加简单的数据获取方式，功能更强大、更灵活，可以看做是xhr的升级版。
• 基于Promise实现

2. 语法结构：

fech(url).then(fn2)
         .then(fn3)
         ...
         .catch(fn)

fetch的基本语法

fetch('/abc').then(data=>{
   
    return data.text();
}).then(ret=>{
   
    //注意这里得到的才是最终的数据
    console.log(ret);
});

fetch请求参数

1. 常用配置选项

• method(String):HTTP请求方法，默认为GET（GET、POST、PUT、DELETE）
• body(String):HTTP的请求参数
• headers(Object):HTTP的请求头，默认为{}

fetch('/abc' , {
   
    method:'get'
}).then(data=>{
   
    return data.text();
}).then(ret=>{
   
     //注意这里得到的才是最终的数据
    console.log(ret);
}