微信小程序封装接口

北枳~

已于 2022-05-20 10:06:37 修改

阅读量212

点赞数

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

于 2022-05-19 15:48:13 首次发布

本文链接：https://blog.csdn.net/m0_59006402/article/details/124862376

版权

该博客内容涉及到了小程序开发中的API调用，包括POST和GET请求的实现。`app.js`中定义了两个函数，`apiPost`用于POST请求，`apiGet`用于GET请求，分别设置了请求头并处理了请求的成功、失败和完成情况。在实际使用时，可以使用`app.apiGet`和`app.apipost`来发起网络请求。

摘要由CSDN通过智能技术生成

app.js

 //这里是post请求  
  apiPost: function (url, data, callback) {
    var that = this;
    //请求头
    var header = {
      'content-type': 'application/x-www-form-urlencoded'
    };
    //请求
    wx.request({
      url: url,
      data: data,
      method: 'POST',
      dataType: 'json',
      header: header,
      success: (res) => {
        // console.log("res:", res);
        return callback(res.data);//成功后回调    
      },
      fail: function (res) {
        wx.showModal({
          //  cancelColor: 'cancelColor',
          title: '请联系管理员',
          content: res
        })
      },
      complete: function (res) {
        console.log("res:", res);
      }
    })
  },
  //这里是get请求  
  apiGet: function (url, data, callback) {
    var header = {
      'content-type': 'application/json;charset=UTF-8',
      "X-Requested-With": 'XMLHttpRequest',
    };
    wx.request({
      url: url,
      data: data,
      method: 'GET',
      dataType: 'json',
      header: header,
      success: function (res) {
        callback(res.data)
      },
      fail: function (res) {
        console.error(url + '请求失败')
      },
      complete: function (res) {

      }
    })
  },

使用时： app.apiget(参数) app.apipost(参数)