在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字符串传过去。