UniApp 接口调用代码示例 - 使用 uni.request
以下是调用接口的基本代码示例:
// 在页面中引入 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 函数,可以在其他页面中直接使用。
原文地址: https://www.cveoy.top/t/topic/lUVX 著作权归作者所有。请勿转载和采集!