微信小程序封装wx.request

恩神

已于 2022-07-21 21:09:00 修改

阅读量435

点赞数

文章标签：微信小程序 javascript 小程序

于 2022-07-21 10:56:24 首次发布

本文链接：https://blog.csdn.net/essnbb/article/details/125907642

版权

第一步：创建一个js文件如下

第二步：把代码复制进去

const GET = 'GET';
const POST = 'POST';

const baseURL = 'https://www.zzgoodqc.cn/';//配置的域名

function request(method, url, data) {
  return new Promise(function (resolve, reject) {
    let header = {
      'content-type': 'application/json',
    };
    wx.request({
      url: baseURL + url,
      method: method,
      data: method === POST ? JSON.stringify(data) : data,
      header: header,
      success(res) {
        //请求成功
        //判断code是否为0表示成功
        if (res.data.code == 0) {
          resolve(res);
        } else {
          //其他错误
          reject('运行出错,请稍后再试');
        }
      },
      fail(err) {
        //请求失败
        reject(err)
      }
    })
  })
}


//接口可以集合到一块，集中管理
const API = {
  getList: (data) => request(GET, `/index.php/index/index/getImgList`),
  getLogin: (data) => request(POST, '/index.php/index/Order/getOrderbyid', data), 传参
  grtlog: (data) => request(POST, '/index.php/index/Order/getOrderList', data)
};
module.exports = {
  API: API
}

第三步：直接使用

 onLoad(options) {
    console.log(options);
    var id=options.id
    var obj = {
      id: id
    }
    $api.getLogin(obj).then(res => {  //需要传参就obj,不需要就不写
      if (res.data.code == 0) {
        this.setData({
          arr: res.data.data
        })
        console.log(this.data.arr);
      }
    })
  },