微信小程序 在使用wx.request時顯示加載中

微信小程序中,向後臺請求數據是,通常想給用戶提示正在加載中,如下圖:

我們可以用wx.showLoading(OBJECT),當請求服務器的地方多了,怎麼才能不每次都要去調用函數,我們只要對wx.request加工下就可以了,在utils下新建js文件network.js

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

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引入即可,之後你要向服務器請求數據只要

1

2

3

4

5

6

7

network.request({

  url:'',

  data:{}

  success:function(){

     

  }

})

這樣就完成了wx.request的加工了,之後只要你向服務器請求數據,就會顯示加載中的樣式

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章