小程序踩坑记(三)———小程序网络请求简单封装

前言

小程序网络请求很简单,但是每次这么写也很麻烦,所以就封装了一下

核心代码

代码很简单,其实就是请求成功后将数据返回到一个方法中

function request(url, isJson = false, method, data, callBack) {
  wx.showLoading({
    title: '加载中...',
  })
  wx.request({
    url: BASE_URL + url,
    data: data,
    method: method,
    success(res) {
      wx.hideLoading()
      return typeof callBack == "function" && callBack(res.data)
    },
    header: {
      'content-type': isJson ? 'application/json' : 'application/x-www-form-urlencoded'
    },
    fail() {
      wx.hideLoading();
      wx.showModal({
        title: '网络错误',
        content: '网络出错，请刷新重试',
        showCancel: false
      })
      return typeof callBack == "function" && callBack(false)
    }
  })
}

使用

1.在需要使用的js中引入该文件

var http = require("../../utils/http.js")

2.POST请求

http.post("接口名", {
      "参数1": 值,
      "参数2": 值,
      "参数3": 值,
    }, function(res) {
      //请求成功,输出json值
      console.log(res)
      }
    })

代码文件

点击下载(http.js文件)