支付宝小程序request封装

最新推荐文章于 2024-01-19 16:35:16 发布

干嘛又给我转钱

最新推荐文章于 2024-01-19 16:35:16 发布

阅读量1.1k

点赞数

文章标签： ajax

本文链接：https://blog.youkuaiyun.com/qq_42115928/article/details/120414429

版权

本文介绍了如何在支付宝小程序中进行request接口的封装。首先在app.js配置请求域名，接着在utils请求模块request.js中定义封装，注意设置header以满足后端需求。使用时只需在相关文件引入该js。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先在app.js里面统一定义需要请求的域名

App({
  onLaunch(options) {
    

  },
  onShow(options) {
   
  },
  globalData:{
    host:'https://xx.xxxxxx.com'
  }
});

然后在项目文件夹的根目录中创建utils文件夹，在utils文件夹中创建request.js文件，如图
请添加图片描述
复制粘贴以下内容

//ajax封装
let app = getApp()
export function request(config) {
  // 加载loading
  my.showLoading();
  var sess = my.getStorageSync({
    key: 'sess'
  });
  sess= sess.data
  let host = app.globalData.host;
  // 解构赋值
  let {
    url = '',
    data = {},
    method = 'POST'
  } = { ...config }
  return new Promise((resolve, reject) => {
    my.request({
      url: host + url,
      method: method,
      headers:{
        'content-type':'application/x-www-form-urlencoded',
        'token':sess,
      },
      data: { ...data },
      success: (res) => {
        resolve(res.data)
      },
      fail: (err) => {
        reject(err)
      },
      complete: () => {
          my.hideLoading();
      }
    });
  })
}

这里的header需要根据后端需要的参数格式进行设置，token是约定的登录依据，不需要的可以忽略相关代码。

使用：
在需要的文件里引用该js

import { request } from '/utils/request.js'

request({
	url:"请求的地址",
	data:{},//请求参数
}).then((res)=>{      //请求回调
})