微信小程序 : 封装wx.request数据请求

1.在utils文件夹下面新建request.js

// url地址

const baseURL = 'http://xxxxxxx/api/';

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) {

        //请求成功

        //判断状态码---errCode状态根据后端定义来判断

        if (res.data.code == 0) {

          resolve(res);

        } else {

          //其他异常

          reject('运行时错误,请稍后再试');

        }

      },

      fail(err) {

        //请求失败

        reject(err)

      }

    })

  })

};

module.exports.request = request;

2.使用

// 在index.js 引入:

const $api = require('../../utils/request.js');


$api.request('GET','banners').then(res => {

      this.setData({

        swiper:res.data.data

      })

    }).catch(err => {

      //请求失败

      console.log(err)

    });

你可能感兴趣的:(微信小程序 : 封装wx.request数据请求)