微信小程序:添加全局的正在加载中图标效果

时间:2022-12-10 04:35:10

在发送请求的时候,显示一个正在加载中的小图标。在加载下一页的时候也显示正在加载中。同时数据请求回来了,把加载中进行关闭。

微信小程序:添加全局的正在加载中图标效果

开发----API-----界面

微信小程序:添加全局的正在加载中图标效果

微信小程序:添加全局的正在加载中图标效果

在哪里添加这两段代码会比较方便呢?一个项目有几百个接口,如果发请求之前都要手动写一次,请求成功了又要手动关闭一次,太繁琐了,如果后期不想要这个效果,则要全部删除。

既然每次发送请求时都要调用,每次请求成功之后都要关闭,而每次发送请求都要借助request方法的帮助,我们可以把正在加载中图标效果的代码封装到request方法中,

不管是成功还是失败都会触发complete方法

微信小程序:添加全局的正在加载中图标效果

但是有一个问题,代码如下:这三段代码是同时发送的异步请求,就表示你同时执行这三行代码的时候,showLoading方法虽然触发了三次,但页面只会显示一次,但是如果第一个请求回来你就关闭图标了,而后两个数据还没有回来,怎么办?页面效果就对应不上了,

微信小程序:添加全局的正在加载中图标效果

先定义变量ajaxTimes为0,每发送一次请求就加1,完成一次请求就减1,当ajaxTimes为0时才会执行wx.hideLoading()

微信小程序:添加全局的正在加载中图标效果