微信小程序wx.request 封装使用

wx.request({})

小程序文档

1.封装下

let timer;

function request(url, method, params, header, successCallback, failCallback) {
  header = header || {};
  header.authorization = 'Basic d3gtYXV0aC0xMjM6d3gtYXV0aC00NTY=';
  timer = setTimeout(() => {
    wx.showLoading({})
  }, 500)
  setTimeout(() => {
    wx.hideLoading()
  }, 1000);
  //可以做加密处理
  let paramsData = params;
  params.accessToken = wx.getStorageSync('accessToken') ? wx.getStorageSync('accessToken') : '';
  params.accessUserId = wx.getStorageSync('accessUserId') ? wx.getStorageSync('accessUserId') : '';
  wx.request({
    url: url,
    data: params || {},
    method: method || 'get',
    //设置header
    // header: { 'content-type': 'application/x-www-form-urlencoded' },post
    // 'content-type': 'application/json' // 默认值
    header: header,
    success: (res) => {
      clearTimeout(timer);
      wx.hideLoading();
      //处理 res.code
      if (res.data.code == 0) {
        //正常
        successCallback(res);

      } else if (res.data.code == 1) {
        wx.showToast({
          title: '请求错误',
        })
      }
      else if (res.data.code == 2) {
        //提示
        wx.showModal({
          title: '温馨提示',
          content: `${res.data.message}`,
          confirmColor: '#ff474f'
        })
      }


    },
    fail: (err) => {
      // console.log(err);
      clearTimeout(timer);
      wx.hideLoading();
      wx.showToast({
        title: '响应失败',
      })
      failCallback(err)
    },
    //不管是成功还是失败都要执行的函数
    complete: () => {

    }

  });
}

export const ajax = {
  get: (url, params, header, successCallback, failCallback) => {
    request(url, 'get', params, {'content-type': 'application/json'}, successCallback, failCallback)
  },
  post: (url, params, header, successCallback, failCallback) => {
    request(url, 'post', params, {'content-type': 'application/x-www-form-urlencoded'}, successCallback, failCallback)
  }
};

2.引用

import {ajax} from "../../utils/httpRequest.js";

3.使用

//get 请求
getPageData: function () {
    ajax.get(URI_LIST, {
      page: that.data.reqPage,
    }, {}, (res) => {
      this.setData({
        goods_list:res.data.data.data
      });
    
    })
  }

//post 请求

postRequest:function(){
    ajax.post(URI_POSTUSEIDCARDRINFO,{
        reverseImg:this.data.reverseImg,
        positiveImg:this.data.positiveImg,
        name:this.data.userName,
        idNumber:this.data.userNumber
      },{},res=>{
        wx.showModal({
          title: '温馨提示',
          content: '提交信息成功!',
          showCancel: false,
          confirmColor: '#ff474f',
          confirmText: "确认",
          success: function (res) {
            if (res.confirm) {
              wx.redirectTo({
                url:'/pages/order-submit/order-submit'
              });
            }
          }
        });
      })
}

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值