微信小程序开发之请求封装

基本上每个涉及到数据的地方都需要和后端进行数据的交互任务,而在小程序开发过程中,如果每个页面都写上请求,那么当修改域名就会变得非常麻烦,所以有必要将请求函数进行封装,这样后期修改域名就变得十分方便
在外面js文件中(我这里是写在util.js中的)
/*
* 参数说明
* url:域名后的数据请求接口
* data:提交的数据
* getPost:get请求还是post请求
* success:callback函数
**/
function requestFun(url, data, getPost, success) {
  let urlOld = "域名/";   // 域名链接
  let urlNew = '';       // 完整数据请求链接
  let header = '';       // 请求头

  urlNew = urlOld + url;
  date = {
      data: JSON.stringify(data),
  };

  if (getPost == 'POST') {
    header = 'application/x-www-form-urlencoded'
  }else {
    header = 'application/json'
  }
  wx.request({
    url: urlNew,
    data: date,
    header: {
      'content-type': header
    },
    method: getPost,
    success: function(res) {
      success(res.data)
    },
    fail: function(res) {
      console.log(res);
    },
    complete: function(res) {},
  })
}

module.exports = {
  requestFun: requestFun
}
在所在的pages文件对应的目录下的js中,先将上述的js文件进行引入
var utils = require('../../utils/util.js');
调用
utils.requestFun("接口url", data, 'POST', function (msg) {
    console.log(msg)
})

猜你喜欢

转载自blog.csdn.net/m0_37852904/article/details/81083795