uniapp中post请求
时间: 2023-10-09 16:09:55 浏览: 54
在uniapp中发送POST请求可以使用uni.request()方法。
示例代码:
```
uni.request({
url: 'https://example.com/api',
method: 'POST',
data: {
key1: 'value1',
key2: 'value2'
},
success: function(res) {
console.log(res.data);
},
fail: function(res) {
console.log('请求失败');
}
});
```
其中,url为请求地址,method为请求方法,data为请求参数,success为请求成功后的回调函数,fail为请求失败后的回调函数。
注意:在uniapp中,需要在manifest.json文件中配置跨域请求的域名。在“uni-app” -> “App原生Api” -> “网络” -> “跨域设置”中添加需要跨域请求的域名。
相关问题
uniapp中post请求传参
在uniapp中,可以使用uni.request方法发送POST请求并传递参数。下面是一个示例:
```
uni.request({
url: 'http://example.com/api',
method: 'POST',
data: {
name: 'John',
age: 30
},
success: function (res) {
console.log(res.data);
},
fail: function (err) {
console.log('请求失败:', err);
}
});
```
其中,`url`属性表示请求的URL地址,`method`属性表示请求的方法,这里设置为POST,`data`属性表示请求的参数,这里是一个包含两个参数的对象。在请求成功后,`success`回调函数中可以处理返回的数据,`fail`回调函数中可以处理请求失败的情况。
uniapp中post请求传数组
在uniapp中,可以通过以下方法进行POST请求传递数组:
1. 使用JSON格式传递数组
将数组转换为JSON格式字符串,并使用`Content-Type: application/json`头部进行传递。示例代码如下:
```javascript
uni.request({
url: 'https://example.com/api',
method: 'POST',
header: {
'Content-Type': 'application/json'
},
data: {
array: [1, 2, 3]
},
success: function(res) {
console.log(res.data);
}
})
```
2. 使用FormData对象传递数组
将数组使用FormData对象进行封装,并使用`Content-Type: application/x-www-form-urlencoded`头部进行传递。示例代码如下:
```javascript
var formData = new FormData();
formData.append('array[]', 1);
formData.append('array[]', 2);
formData.append('array[]', 3);
uni.request({
url: 'https://example.com/api',
method: 'POST',
header: {
'Content-Type': 'application/x-www-form-urlencoded'
},
data: formData,
success: function(res) {
console.log(res.data);
}
})
```
以上两种方式都可以成功进行POST请求传递数组。具体使用哪种方式,可以根据后端接口要求进行选择。