您现在的位置:首页 >> 前端 >> 内容

代码优化之----抽取公共功能,统一功能集中化

时间:2017/9/18 9:06:00 点击:

  核心提示:我们在页面数据请求的过程,经常会遇到这样的情况,好多个地方都要进行一步ajax请求数据,那么为了更优化,在请求前后会有loading,我们无法减少ajax的量,会写许多不一样的ajax,必然就需要加载...

我们在页面数据请求的过程,经常会遇到这样的情况,好多个地方都要进行一步ajax请求数据,那么为了更优化,在请求前后会有loading,我们无法减少ajax的量,会写许多不一样的ajax,必然就需要加载或者调用很多loading,那么需不需要写很多loading呢,答案是否定的,肯定不要写。此时该如何做?

首先我们在工作是,肯定是将ajax进行封装,那么我们就将loading抽取出来,放在ajax里面,此时就使得ajax自带loading功能了。

如下封装代码。fetch是封装的ajax,加载loading插件,在调用fetch前后进行加载loading即可

let loadingInstance = Loading.service();
const response = await fetch(url, requestConfig);
const responseJson = await response.json();
loadingInstance.close();

作者:网络 来源:A_one2010的