首页 > 编程语言 >微信小程序获取数据时显示加载中

微信小程序获取数据时显示加载中

时间:2022-08-15 10:12:21浏览次数:62  
标签:function url 微信 request 获取数据 requestHandler wx data 加载

微信小程序在获取数据时页面显示数据需要加载时间,这时可以使用wx.showLoading(),如果小程序内多次使用  wx.request时,可以对其进行封装 在utils文件夹下新建文件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
}

在需要的页面引入

let network = require('../../utils/network');

使用的时候把原来wx.request的改为network.request就可以了

network.request({
  url:'',
  data:{}
  success:function(){
    
  }
})

 

标签:function,url,微信,request,获取数据,requestHandler,wx,data,加载
From: https://www.cnblogs.com/qqxx/p/16587271.html

相关文章