小程序request的封装以及调用


## 小程序 request的封装以及调用

/**
 * 请求头
 */
var header = {
    'content-type': 'application/x-www-form-urlencoded',
    'Authorization': "Bearer " + wx.getStorageSync("token"),
    'os': 'android',
    'version': '1.0.0',
    'device_token': 'ebc9f523e570ef14',
    key:key
  }
  
  /**
   * 供外部post请求调用  
   */
  function post(url, params, onSuccess, onFailed) {
    console.log("请求方式:", "POST")
    request(url, params, "POST", onSuccess, onFailed);
  
  }
  
  /**
   * 供外部get请求调用
   */
  function get(url, params, onSuccess, onFailed) {
    console.log("请求方式:", "GET")
    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: "正在加载中...",
    })
    wx.request({
      url: url,
      data: dealParams(params),
      method: method,
      header: header,
      success: function(res) {
        wx.hideLoading();
        console.log('响应:', res.data);
          /** start 根据需求 接口的返回状态码进行处理 */
          if (res.data.code == 200) {
            onSuccess(res.data); //request success
          } else {
            onFailed(res.data); //request failed
          }
      },
      fail: function(error) {
        onFailed(""); //failure for other reasons
      }
    })
  }
  
  /**
   * function: 根据需求处理请求参数:添加固定参数配置等
   * @params 请求参数
   */
  function dealParams(params) {
    console.log("请求参数:", params)
    return params;
  }
  
  
  // 1.通过module.exports方式提供给外部调用
  module.exports = {
    postRequest: post,
    getRequest: get,
  }

直接引入需要请求的页面
const http = require(’…/…/utils/httputils.js’);

require:()=>{
        let parms = {
            //参数
        }
        http.getRequest(url,parms,
            (res)=>{
                //成功
            },(err)=>{
                // 失败
                wx.showToast({
                  title: err.datas.error,
                  icon:'none',
                  duration:1000
                })
            })
    },

再见~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值