接口调用-fetch用法

 

fetch概述

1.基础特征

更加简单的数据获取方式，功能更强大、更灵活，可以看作是xhr的升级版

基于Promise实现

语法结构

 

 Fetch的基本使用

 

 

 

 

 

2. fetch请求参数

常用的配置选项

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

 

 GET请求方式的参数传递

 

 

 

 DELETE请求方式的参数传递

 

 

 

4. post和put的请求传参

 

 注意要请求头

 

 另一种post

 

 PUT请求

 

 

 

 

 

 

5. Fetch API响应式数据格式

text():      将返回体处理成字符串类型

json():      返回结果和JSON.parse(responseText)一样