uniapp封装AJAX请求
在uniapp中,你可以使用uni.request方法来封装AJAX请求。以下是一个简单的例子:
function request(options) {
return new Promise((resolve, reject) => {
uni.request({
url: options.url, // 服务器url
method: options.method || 'GET', // 请求方法,默认为GET
data: options.data || {}, // 请求参数
header: options.header || { 'Content-Type': 'application/json' }, // 设置请求的 header
success: (res) => {
// 请求成功
if (res.statusCode === 200) {
resolve(res.data);
} else {
// 可以根据项目要求修改错误处理
reject(res.errMsg);
}
},
fail: (err) => {
// 请求失败处理
reject(err);
}
});
});
}
// 使用示例
request({
url: 'https://your-api.com/endpoint',
method: 'POST',
data: {
key: 'value'
},
header: {
'Custom-Header': 'value'
}
}).then(response => {
console.log(response);
}).catch(error => {
console.error(error);
});
在这个封装中,我们创建了一个名为request
的函数,它接收一个options
对象作为参数,该对象至少应该包含url
属性。函数返回一个Promise,在请求成功时调用resolve
,在请求失败时调用reject
。使用时,你只需要调用request
函数并传入适当的参数即可发送请求。
评论已关闭