美文网首页
微信小程序 网络请求封装

微信小程序 网络请求封装

作者: 字母大师 | 来源:发表于2019-11-13 14:46 被阅读0次
var uelNet = " 请求地址"

/**
 * 供外部post请求调用
 */
function post(params, onStart, onSuccess, onFailed) {
  request( params, "POST", onStart, onSuccess, onFailed);
}

/**
 * 供外部get请求调用
 */
function get( params, onStart, onSuccess, onFailed) {
  request( params, "GET", onStart, onSuccess, onFailed);
}
// 没有请求头
function getNoHeader(params, onStart, onSuccess, onFailed) {
  noHeaderequest(params, "GET", onStart, onSuccess, onFailed);
}
/**
 * function: 封装网络请求
 * @url URL地址
 * @params 请求参数
 * @method 请求方式:GET/POST
 * @onStart 开始请求,初始加载loading等处理
 * @onSuccess 成功回调
 * @onFailed  失败回调
 */
function request( params, method, onStart, onSuccess, onFailed) {
  onStart(); //request start

 

  wx.request({
    url: uelNet,
    data: {
      params: JSON.stringify(params)
    },
    method: method,
    header: { 'content-type': 'application/json', 'accessUser': getApp().globalData.userInfo.colUid },
    success: function (res) {
      if (res.data) {
        /** start 根据需求 接口的返回状态码进行处理 */
        if (res.statusCode == 200) {
          onSuccess(res); //request success
        } else {
          onFailed(res.data.msg); //request failed
        }
        /** end 处理结束*/
      }
    },

    fail: function (error) {
      onFailed(""); //failure for other reasons
    }
  })
}
/**
 * function: 封装网络请求
 * @url URL地址
 * @params 请求参数
 * @method 请求方式:GET/POST
 * @onStart 开始请求,初始加载loading等处理
 * @onSuccess 成功回调
 * @onFailed  失败回调
 */
function noHeaderequest(params, method, onStart, onSuccess, onFailed) {
  onStart(); //request start



  wx.request({
    url: uelNet,
    data: {
      params: JSON.stringify(params)
    },
    method: method,
    header: { 'content-type': 'application/json' },
    success: function (res) {
      if (res.data) {
        /** start 根据需求 接口的返回状态码进行处理 */
        if (res.statusCode == 200) {
          onSuccess(res); //request success
        } else {
          onFailed(res.data.msg); //request failed
        }
        /** end 处理结束*/
      }
    },

    fail: function (error) {
      onFailed(""); //failure for other reasons
    }
  })
}

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

module.exports = {
  postRequest: post,
  getRequest: get,
  getNoHeader: getNoHeader
}

页面使用
引用

 var netUtil = require('')

使用

//params 参数
//this.onStart, 开始请求
//this.onSuccess 请求成功
//this.onFailed 请求失败

netUtil.getRequest(params, this.onStart, this.onSuccess, this.onFailed); //调用get方法

相关文章

网友评论

      本文标题:微信小程序 网络请求封装

      本文链接:https://www.haomeiwen.com/subject/xcnhuctx.html