我们可以用wx.showLoading(OBJECT),当请求服务器的地方多了,怎么才能不每次都要去调用函数,我们只要对wx.request加工下就可以了,在utils下新建js文件network.js

------------------------------------------------------------------------------------------------------------------------------

var requestHandler = {
url: '',
data: {},
method: '',
success: function (res) {
},
fail: function () {
},
complete: function () {
}
}

function request(requestHandler) {
var data = requestHandler.data;
var url = requestHandler.url;
var method = requestHandler.method;
wx.showLoading({
title: '加载中',
})
wx.request({
url: url,
data: data,
method: method,
success: function (res) {
wx.hideLoading();
requestHandler.success(res)
},
fail: function () {
wx.hideLoading();
requestHandler.fail();
},
complete: function () {

}
})
}

module.exports = {
request: request
}

------------------------------------------------------------------------------------------------------------------------------

 在需要用到的js文件用require引入即可,之后你要向服务器请求数据只要

var network = require("../../utils/network.js");
 

network.request({

  url:'',
  data:{}
  success:function(){

  }
})

这样就完成了wx.request的加工了,之后只要你向服务器请求数据,就会显示加载中的样式

转载于:https://www.cnblogs.com/qcjdp/p/11513068.html

微信小程序 在使用wx.request时显示加载中相关推荐

  1. 微信小程序分享海报/卡片 生成时一直加载可能存在的问题

    微信小程序分享海报/卡片 生成时一直加载可能存在的问题 很多时候,开发者在调试小程序的分享图时,总是会遇到不能正常生成的问题,这里面还是有许多的坑.这一次就把我个人所知道的问题分享一下. 第一种情况: ...

  2. 微信小程序 下拉刷新页面时的加载状态

    案发现场:在微信小程序中,用力往下拉动,页面顶部会出现一段空白的地方. 其实三个点是可以看到的.只不过默认是白色的 案例效果 1.在 app.json中 添加样式 "backgroundTe ...

  3. 小程序showLoading:网络请求前显示“加载中...”,请求完成时关闭加载中

    showLoading加载中提示框显示,以及消除提示框 wx.showLoading({title: '加载中...', })wx.request({url: '',success(res){},fa ...

  4. html下拉刷新原理,微信小程序 下拉刷新及上拉加载原理解析

    这篇文章主要介绍了微信小程序 下拉刷新及上拉加载实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 1.下拉刷新的概念及应用场景. 概念: 下拉 ...

  5. 微信小程序 首页的广告弹窗,只加载一次

    功能:微信小程序,首次进入页面时显示广告弹窗,点击空白处/点击关闭按钮,隐藏此弹窗(7秒后自动隐藏弹窗). <!-- 页面的广告图片 --> <view class="mo ...

  6. 微信小程序开发——设置默认图片、错误加载图片

    wxml: <image src='{{imgArr[index]==""?defaultImg:imgList[index]}}' binderror="erro ...

  7. 记录毕设做小程序的坑(微信小程序体验版wx.request无法获取用户的openid)

    毕设想做一个微信小程序,在体验版进行测试时发现,用户登录时不能把用户的信息存储到云数据库中,我当时真的谢了.测试了一下发现是wx.request获取不到openid了,因为我写的是获取到openid之 ...

  8. 微信小程序 苹果手机 https wx.request 不反应

    问题状况:微信小程序,安卓手机访问是正常的,可是苹果手机却不能访问. 问题排查:用苹果手机进入调试模块看输入结果,发现每次都停在request begin这里,后台也无法获取到前台传送过来的数据,所以 ...

  9. 微信小程序 | 如何使用wx.request发送文件?

    微信小程序不提供fromdata对象,以至于提交的表单里面没有办法包含文件,只能提交表单里面的文本字段,找了一下发现有大佬造好了轮子: https://github.com/zlyboy/wx-for ...

最新文章

  1. jquery ajax请求 清除缓存
  2. windows下的NTP服务
  3. MATLAB判断文件是否存在、删除文件
  4. python iterable对象_如何理解Python中的iterable对象
  5. sharelatex 编辑论文
  6. java json 反序列化_java-如何将json字符串反序列化为对象
  7. 计算机系统文字图片以啥子存在,电脑如何识别图片中文字的字体|电脑通过图片识别字体的方法...
  8. JN5169_EEPROM_PDM
  9. android 转 ios 开发,如何快速从android开发转向ios开发--oc语法篇
  10. 计算机控制实验总结电机调速,控制步进电机调速系统实验报告
  11. Rational Rose的讲解
  12. 全球与中国汽车磁性探伤解决方案市场投资发展格局及前景战略咨询研究报告2021年版
  13. Typora 自动保存笔记
  14. 全球某工商云战役自动打卡系统
  15. CTF线下AWD攻防模式的准备工作及起手式
  16. 基于html和Node.js的网页音乐播放器设计
  17. 第二届全国高校计算机能力挑战赛-Java程序设计赛
  18. web前端基础——第五章
  19. IB纪录(十八):At the heard of the image
  20. ps新手入门教程:如何去除照片中的灰

热门文章

  1. 妙用postman系列——postman建组、分享
  2. 2022-2028年中国超声波探伤仪行业市场现状调研及发展前景分析报告
  3. os.environ[CUDA_DEVICE_ORDER] = PCI_BUS_ID os.environ[CUDA_VISIBLE_DEVICES] = 0
  4. pytorch之expand,gather,squeeze,sum,contiguous,softmax,max,argmax
  5. 图像实例分割:CenterMask
  6. GIT上传服务器同步到web目录
  7. api.php t.cn,PHP通过调用新浪API生成t.cn格式短网址链接的方法详解
  8. legend位置 pyecharts_实验|pyecharts数据可视化分析-1
  9. python list 的乘法
  10. TypeError: Total() missing 1 required positional argument: ‘self‘