wx.request使用方法和封装

微信 wx.request 方法

此方法仅微信小程序客户端使用方法

文档说明: https://developers.weixin.qq.com/miniprogram/dev/api/network/request/wx.request.html

 wx.request({
  url: '',
  data: {},
  header: {'content-type':'application/json'},
  method: 'GET',
  dataType: 'json',
  responseType: 'text',
  success: (result)=>{
    
  },
  fail: ()=>{},
  complete: ()=>{}
});

封装 wx.request

export const request=(params)=>{
  return new Promise((resolve,reject)=>{
    params.url=`http://localhost:3000${params.url}`
    console.log(params,"requestData");
    wx.request({
      ...params,
      success:(result)=>{
      let {data}=result
        resolve(data); 
      },
      fail:(err)=>{ 
        console.log (url)
        reject(err)
      }   
    }); 
  })
}

封装后调用request

// pages/home/index.js
import {request} from "../../request/index"

Page({

  /**
   * 页面的初始数据
   */
  data: {
    recommendedArticleList:[],
    newArticleList:[]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getSwiperList();
    this.getNewArticleList();
  },
  getSwiperList(){
    request({url:'/wx_home/homeNewArticle'})
    .then(data=>{
      console.log(data);
      this.setData({
        recommendedArticleList:data.data
      })
    }).catch(err=>{
      console.log(err);
    })
  },
  getNewArticleList(){
    request({url:'/wx_home/homeNewArticle'})
    .then(data=>{
      console.log(data);
      this.setData({
        newArticleList:data.data
      })
    }).catch(err=>{
      console.log(err);
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})