封装wx.request,获取发出post指令后服务器返回的json作为封装函数的返回值
时间: 2024-01-17 18:04:43 浏览: 73
微信小程序 wx.request 的封装
5星 · 资源好评率100%
下面是一个封装了 `wx.request` 的函数,用于发送 POST 请求,并返回服务器返回的 JSON 数据:
```javascript
function requestPost(url, data) {
return new Promise((resolve, reject) => {
wx.request({
url: url,
method: 'POST',
data: data,
success: function(response) {
if (response.statusCode === 200) {
resolve(response.data);
} else {
reject(new Error(`请求失败,状态码:${response.statusCode}`));
}
},
fail: function(error) {
reject(new Error('请求失败,请检查网络连接'));
}
});
});
}
```
这个函数接受两个参数:`url` 表示请求的 URL 地址,`data` 表示要发送的数据。
使用该函数发送 POST 请求并处理返回的数据的示例:
```javascript
const url = 'https://api.example.com/post';
const data = { name: 'John', age: 25 };
requestPost(url, data)
.then(response => {
console.log('服务器返回的数据:', response);
// 进一步处理返回的数据
})
.catch(error => {
console.error('请求发生错误:', error);
// 处理错误情况
});
```
在这个示例中,我们调用 `requestPost` 函数发送 POST 请求,并使用 `then` 方法处理返回的数据。如果请求成功,会打印服务器返回的数据;如果请求失败,会打印错误信息。
请注意,这只是一个基本的封装示例,你可以根据实际需求进行修改和扩展。确保传递正确的 URL 地址和要发送的数据,并适当处理返回的数据和错误。
阅读全文