微信小程序请求接口的封装

最新推荐文章于 2024-04-06 20:30:52 发布

又菜又不想学的小张

最新推荐文章于 2024-04-06 20:30:52 发布

阅读量866

点赞数 2

分类专栏：微信小程序文章标签：微信小程序小程序前端

本文链接：https://blog.csdn.net/qq_45108358/article/details/128913939

版权

微信小程序专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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

其中的内容如下

const GET = 'get';
const POST = 'post';

const baseURL = ' ';  // 接口请求地址

module.exports = function (options) {
    return new Promise(function(resolve, reject) {
        let header = {
            'content-type': 'application/json'
        };
        wx.request({
            url: baseURL + options.url,
            method: options.method,
            data: options.method === POST ? JSON.stringify(options.data) : options.data,
            header: header,
            success(res) {
              // 请求到接口前页面展示loading
              wx.showLoading({
                title: '加载中...',
                success: function() {
                  // 请求成功
                  // 判断状态码，根据后端定义来判断
                  // if (res.data.code == 600) {
                  //     resolve(res);
                  // } else {
                  //     // 其他异常
                  //     reject(res);
                  //     wx.showToast({
                  //       title: res.data.msg,
                  //       icon: 'none'
                  //     })
                  // }
                  resolve(res.data)
                }
              })
            },
            fail: function (err) {
              // 请求失败
              reject(err)
              wx.showToast({
                  title: '网络繁忙，请稍后重试~',
                  icon: 'none'
              })
             },
             complete: function () {
                // 配对使用（loading消失）
                wx.hideLoading();
             }
        })
    })
}

2. 新建一个api文件夹，在该文件夹中新建对应的 XXX.js文件

在该文件中写入已下代码

const request = require('../utils/request')
// 注册   这里的data不写params全部写data作为参数的传递
export function regist(data){
  return request({
    url:'/user/register',
    method:'get',
    data
  })
}

export function product(data){
  return request({
    url:'/cart/updateNum',
    method:'post',
    data
  })
}

3. 在page文件夹的js文件中进行进入

const {regist,product} =require('../../../api/login')


    // 请求注册接口
  regist(params).then(res=>{
    console.log(res);
  })

  product().then(res=>{
    console.log(res,111111);
  })