接口调用方法之fetch

在b站上跟着黑马的视频学的,相应的后端的接口也是黑马写的,谢谢黑马,然后自己总结了一下,发出来了。


fetch是传统ajax的升级版本,是原生js,基于Promise实现。

fetch的基本用法


上图返回的结果是字符串类型的,但是在前端处理数据,对象格式的更为方便,把上图的text方法换成json()方法即可。

fetch的参数

fetch支持Restful风格的url


1、get【获取】和delete【删除】

get请求和delete请求参数书写规格很像,都是写在url中的,get和delete不用设置请求参数的格式,只需要设置请求方式。

请求方式的设置是在接口后面多了个对象参数,里面的method的属性是设置请求的方法的,如图【method的默认值是get ,get请求添加不添加这个属性都一样】


传统的url地址传递参数


Restful风格的URL传递参数


2、post【添加】和put【更新】请求

post请求和put请求的参数的设置很像,只不过put请求一般情况下需要在url中多加一个标识符,用于更新的是哪一个数据




post和pot请求参数、请求方法、请求参数的格式都是在接口后面的对象参数里面设置的

有三个参数:

method:请求方式的设置

body:请求参数的设置

headers:请求参数的格式类型的设置

如图:


post和put的参数类型分为字符串格式的和JSON格式的。不同的参数格式,要设置不同的请求参数的格式类型


字符串格式的:

如图:


JSON格式的

如图:


JSON的参数需要使用JSON.stringify()方法将JSON对象转换为JSON字符串传过去。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。