前端es6接口调用方式的用法

2023-01-04 0 770

后端USB初始化的三种形式 ,有原生植物ajax ,如前所述jQuery的ajax ,fetch ,axios有关原生植物ajax ,如前所述jQuery的ajax都早已单纯如是说过,上面来看一看es6USB初始化形式

fetch

Fetch API是捷伊ajax软件系统 Fetch会回到Promise ,fetch并非ajax的更进一步PCB,而要原生植物js,没采用XMLHttpRequest第一类 ,方式:fetch(url, options).then()

HTTP协定,它给他们提供更多了许多的方式,如POST,GET,DELETE,UPDATE,PATCH和PUT

预设的是 GET 允诺须要在 options 第一类中 选定相关联的 method method:允诺采用的方式post 和 一般 允诺的这时候 须要在options 中 增设 允诺头 headers 和 body

前端es6接口调用方式的用法fetchUSB初始化的形式

axios

是一个如前所述Promise 用于浏览器和 nodejs 的 HTTP 客户端,本质上也是对原生植物Ajax的PCB,只不过它是Promise的实现版本它支持:

支持浏览器和node.js支持promise能拦截允诺和响应自动转换JSON数据能转换允诺和响应数据axios基础用语

如果是get和 delete允诺传递参数时

如果通过传统的url 以 ? 的形式传递参数如果通过restful 形式传递参数也可以通过params 形式传递参数

前端es6接口调用方式的用法get和 delete允诺传递参数形式

如果是post 和 put 允诺传递参数时

通过选项传递参数通过 URLSearchParams 传递参数

前端es6接口调用方式的用法post 和 put 允诺传递参数形式

像上图例里面他们每个USB都可能有USB允诺地址 ,USB地址的前部分(从http到:3000/ )基本都是公共部分 ,那么他们就能增设公共的允诺地址URL ,这就须要全局配置

axios 全局配置

前端es6接口调用方式的用法公共部分统一增设全局可用

例如:

前端es6接口调用方式的用法增设公共的允诺地址URL

axios 拦截器

允诺拦截器例如在每个允诺体里加上token,统一做了处理如果以后要改也非常容易允诺拦截器的作用是在允诺发送前进行一些操作响应拦截器例如在服务器回到登录状态失效,须要重新登录的这时候,跳转到登录页响应拦截器的作用是在接收到响应后进行一些操作

前端es6接口调用方式的用法axios 拦截器

es6中async 函数 和 await的用语

1.async作为一个关键字放到函数前面

任何一个async函数都会隐式回到一个promise

2.await关键字只能在采用async定义的函数中采用

await后面可以直接跟一个 Promise实例第一类

await函数不能单独采用必须配合async采用

前端es6接口调用方式的用法回到一个promise实例第一类
前端es6接口调用方式的用法对比允诺形式更加简化

所以他的优点:async/await 让异步代码看起来、表现起来更像同步代码 ,简化异步操作

前端es6接口调用方式的用法在vue实际开发中也可以简化操作来用

axios同时允诺多个api

前端es6接口调用方式的用法axios同时允诺多个api

async/await处理多个异步任务

前端es6接口调用方式的用法async/await处理多个异步任务会单纯
前端es6接口调用方式的用法
举报/反馈

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务