Vue_Study06

Get新知识:

promise 的使用

promise 为了更好处理异步操作,避免回调嵌套,**Promise **对象用于表示一个异步操作的最终完成 (或失败)及其结果值。

基本使用:

实例化 Promise 对象,构造函数中传递函数,该函数用于处理异步任务
其中resolve,resject 两个参数用于处理成功和失败两种情况,并通过p.then 获取处理结果
如下图示例:
在这里插入图片描述

Promise 常用的API

实例方法
在这里插入图片描述

静态方法
在这里插入图片描述

fetch 的使用

fetch 是 XMLHttpRequest 的升级版,用于在 JavaScript 脚本里面发出 HTTP 请求。
并且使用promise, 不适用回调函数,简化代码。
它接受一个url 作为参数,对url 进行请求。

基本使用

需要传入一个url 的参数,跟promise 一样,使用then 链式调用。
在这里插入图片描述

其中text() 方法也属于fetch API 的一部分。

fetch 请求参数

fetch 支持设置请求参数,以发出不同的请求。

在这里插入图片描述

get 请求,一般用于获取查询数据
在这里插入图片描述

delete 请求,一般用于删除数据
在这里插入图片描述

post 请求,一般用于添加数据
在这里插入图片描述

put 请求,一般用于修改数据。
在这里插入图片描述

fetch 请求响应

如果响应是json 格式的数据,则可以通过 data.json() 方法将数据转换成 js 的对象,就可以正常使用对象的方式操作数据。
普通情况下,使用text() 方法获取到的是普通字符串,不能当作对象来使用。

猜你喜欢

转载自blog.csdn.net/weixin_46178278/article/details/120952757