技术解析

Ajax 请求的如何优雅的 loading
0
2021-08-09 22:54:40
idczone

Ajax 请求前总是要需要一个 loading 变量来

  • 防止重复点击
  • 开启 loading 效果

那么这个 loading 的最佳实践是啥? 每一个 Ajax 都要写一个 loading, 感觉每次重复写很蛋疼,

  • 并不能用 axios 的全局拦截器,那样只能全局 loading, 实例中又很难拿到这个状态来作 防止重复点击

用 vue 写个示例代码


 


☺️用第三方库来管理,例如我最近写的 [VueRequest]( https://www.attojs.com/),一个能轻松帮你管理请求状态(支持 SWR,轮询,错误重试,缓存,分页等)的 Vue 3 请求库 。
你说的 loading 内部就帮你解决了
github: https://github.com/AttoJS/vue-request

自己封装一个符合自己需求的 ajax 方法不就 ok 了。

3Q 我试试~

当然得封装, 关键是封装的最佳实践是啥咯~
loading 状态需要写两次,如果把 loading 做对象整个做入参又很别扭

我看过写在拦截器里的 用 vuex 开启和关闭 loading 再加一个防抖防止多次请求中间 loading 闪烁

全局的 loading 用 vuex 处理没关系~
页面上面的局部 loading 用 vuex 就不合适了。

数据地带为您的网站提供全球顶级IDC资源
在线咨询
专属客服