小程序接口封装

最新推荐文章于 2024-09-03 11:01:15 发布

Hero_rong

最新推荐文章于 2024-09-03 11:01:15 发布

阅读量1.2k

点赞数 4

分类专栏：小程序 Weui js 文章标签： javascript es6 vue.js

本文链接：https://blog.csdn.net/Hero_rong/article/details/110078079

版权

本文介绍了如何进行小程序的接口封装，包括在 request.js 中定义封装方法，app.js 中引入，并在具体页面中调用，实现更方便的接口调用管理。

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

第一步，新建 request.js 文件，把要封装的方法放进去

var app = getApp();
//项目URL相同部分，减轻代码量，同时方便项目迁移
//这里因为我是本地调试，所以host不规范，实际上应该是你备案的域名信息
var host = 'http://192.168.1.1:9990/';   //此处本地接口地址

/**
 * POST请求，
 * URL：接口
 * postData：参数，json类型
 * doSuccess：成功的回调函数
 * doFail：失败的回调函数
 */
function request(url, postData, doSuccess, doFail) {
  wx.request({
    //项目的真正接口，通过字符串拼接方式实现
    url: host + url,
    header: {
      "content-type": "application/json;charset=UTF-8"
    },
    data: postData,
    method: 'POST',
    success: function (res) {
      //参数值为res.data,直接将返回的数据传入
      doSuccess(res.data);
    },
    fail: function () {
      doFail();
    },
  })
}

//GET请求，不需传参，直接URL调用，