uni-app小程序封装api传参和返回数据
时间: 2024-09-06 10:06:07 浏览: 46
在uni-app中,封装API通常涉及定义一个函数来处理网络请求,这个函数会接收参数,并在请求完成后返回数据。以下是一个简单的封装示例,以及如何传参和处理返回数据:
1. 首先,你需要使用uni-app提供的网络请求API,比如`uni.request`。你可以创建一个单独的JavaScript文件来存放你的API封装逻辑,例如`api.js`。
2. 在这个文件中,定义一个函数,比如`callApi`,它接收必要的参数,并返回一个Promise对象,该对象将在网络请求完成后被解决或拒绝。
```javascript
// api.js
export function callApi(params) {
return new Promise((resolve, reject) => {
uni.request({
url: '你的后端API地址', // 例如 'https://api.example.com/data'
method: 'GET', // 或者 'POST', 'PUT', 'DELETE' 等
data: params,
success: (res) => {
if (res.statusCode == 200) {
// 这里可以根据实际返回的JSON结构进行解析
resolve(res.data);
} else {
// 可以定义一些错误码来处理不同情况的错误
reject('请求失败');
}
},
fail: (err) => {
reject('请求错误');
}
});
});
}
```
3. 使用封装的`callApi`函数时,你可以传递一个对象作为参数,这个对象包含API所需的数据。
```javascript
// 在某个页面或者组件中
import { callApi } from './api.js';
export default {
data() {
return {
// 你的数据对象
};
},
methods: {
fetchData() {
// 假设我们需要传递参数给API
const params = {
key1: 'value1',
key2: 'value2'
};
callApi(params).then((response) => {
// 处理返回的数据
console.log(response);
}).catch((error) => {
// 错误处理
console.error(error);
});
}
}
};
```
阅读全文