uniapp 如何发送formData数据请求
时间: 2024-09-23 14:04:02 浏览: 133
uniapp 多文件上传
UniApp 发送 `FormData` 数据的 HTTP 请求通常会涉及到使用其内置的网络请求库或者使用第三方插件。以下是基本步骤:
1. 使用 Uni-app 的原生 `request` 函数:
```javascript
import { request } from '@dcloudio/uni-app';
const formData = new FormData();
formData.append('key1', 'value1');
formData.append('key2', 'value2');
request({
url: 'https://example.com/api',
method: 'POST',
data: formData,
type: 'form-data', // 显式指定请求体类型
header: {
'Content-Type': 'multipart/form-data' // 设置 Content-Type 为 multipart/form-data
}
}).then(response => {
// 处理响应...
}).catch(error => {
// 错误处理...
});
```
2. 如果需要更高级的功能,可以考虑使用第三方插件如 axios 或者 uni-axios:
```javascript
// 使用 axios (安装 axios)
import axios from 'axios';
axios.post('https://example.com/api', formData)
.then(response => {
// 处理响应...
})
.catch(error => {
// 错误处理...
});
```
记得在实际项目中替换 `'https://example.com/api'` 为你的目标 URL。
阅读全文