以下是调用接口的基本代码示例:

// 在页面中引入 uni.request
import uniRequest from '@/common/request.js'

// 在需要调用接口的地方使用 uni.request
uniRequest({
  url: 'https://api.example.com/user/login',
  method: 'POST',
  data: {
    username: 'example',
    password: '123456'
  },
  success: res => {
    console.log(res)
  },
  fail: err => {
    console.log(err)
  }
})

其中,uniRequest 是封装好的网络请求方法,可以在 request.js 文件中定义,示例如下:

// request.js

const uniRequest = (options) => {
  uni.request({
    url: options.url,
    method: options.method || 'GET',
    data: options.data || {},
    header: options.header || {},
    success: res => {
      if (res.statusCode === 200) {
        options.success && options.success(res.data)
      } else {
        options.fail && options.fail(res)
      }
    },
    fail: err => {
      options.fail && options.fail(err)
    }
  })
}

export default uniRequest

在这个示例中,uniRequest 方法接收一个选项对象参数 options,其中包括接口的 URL、请求方法、请求数据、请求头等信息。uni.request 方法用于发送请求,成功时调用 options.success 回调,失败时调用 options.fail 回调。在 request.js 文件中,定义了一个默认的 uniRequest 函数,可以在其他页面中直接使用。

UniApp 接口调用代码示例 - 使用 uni.request

原文地址: https://www.cveoy.top/t/topic/lUVX 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录