微信小程序基于wx.request封装请求公共文件

在utils 文件下面新建api文件，在用的时候尽心引入

function post(url, params, onSuccess, onFailed) {
  request(url, params, "POST", onSuccess, onFailed);
}
function get(url, params, onSuccess, onFailed) {
  request(url, params, "GET", onSuccess, onFailed);
}
/**
 * function: 封装网络请求
 * @url URL地址
 * @params 请求参数
 * @method 请求方式：GET/POST
 * @onSuccess 成功回调
 * @onFailed  失败回调
 */

function request(url, params, method, onSuccess, onFailed) {
  wx.showLoading({
    title: "正在加载中...",
  })
  var header = {
    'content-type': 'application/x-www-form-urlencoded'
  }
  wx.request({
    url: '域名'+url,
    data: dealParams(params),
    method: method,
    header: header,
    success: function (res) {
      wx.hideLoading();
      if (res.data) {
        /** start 根据需求 接口的返回状态码进行处理，根据需要处理不同的状态 */
        onSuccess(res.data)
        /** end 处理结束*/
      }
    },
    fail: function (error) {
      onFailed(error); //failure for other reasons
    }
  })
}

/**
 * function: 根据需求处理请求参数：添加固定参数配置等
 * @params 请求参数
 */
function dealParams(params) {
  // console.log("请求参数:", params)
  return params;
}


// 1.通过module.exports方式提供给外部调用
module.exports = {
  postRequest: post,
  getRequest: get,
}

使用方法

//先引入文件
import http from '../../utils/api';

http.postRequest('接口地址',{phone:this.data.phone,password:this.data.paws},
      function(res) {
         console.log(res)
      },
      function(err) {
        console.log(err)
      })