什么是小程序网络请求的封装
时间: 2023-12-16 13:10:38 浏览: 28
小程序网络请求的封装是指开发者将小程序中常用的网络请求功能进行封装,以便于在项目中快速调用和使用。封装的网络请求可以包括发送GET/POST请求、设置请求头、设置请求参数、设置超时时间、设置请求成功和请求失败的回调函数等功能。通过封装网络请求,可以提高小程序开发的效率和代码的可维护性,减少重复代码的编写。
相关问题
微信小程序 网络请求封装 promise方式
在微信小程序中,可以使用wx.request()方法进行网络请求,但是使用Promise可以更加方便地处理异步请求。
下面是一个网络请求的封装,使用Promise方式:
```js
const request = (url, method, data) => {
return new Promise((resolve, reject) => {
wx.request({
url: url,
method: method,
data: data,
header: {
'content-type': 'application/json'
},
success: (res) => {
if (res.statusCode === 200) {
resolve(res.data)
} else {
reject(res.errMsg)
}
},
fail: (err) => {
reject(err.errMsg)
}
})
})
}
export default request
```
可以看到,该封装使用了Promise语法,将wx.request()方法返回的结果进行了处理。
使用该封装进行网络请求时,可以这样调用:
```js
import request from 'request.js'
request('http://example.com/api/getData', 'GET', {})
.then((res) => {
console.log(res)
})
.catch((err) => {
console.log(err)
})
```
其中,第一个参数为请求的URL,第二个参数为请求的方法(GET、POST等),第三个参数为请求的数据。请求成功时,会返回一个Promise对象,可以使用.then()方法获取返回数据;请求失败时,会返回一个错误信息,可以使用.catch()方法处理错误。
uniapp微信小程序网络请求封装携带token
可以通过给请求头添加 Authorization 字段来携带 token,示例代码如下:
```
uni.request({
url: 'https://example.com/api',
method: 'GET',
header: {
'Authorization': 'Bearer ' + token
},
success: function(res) {
console.log(res.data);
},
fail: function(res) {
console.log(res.errMsg);
}
});
```
其中,token 是你获取到的身份验证的 token 值。在请求头中添加 Authorization 字段,值为 'Bearer ' + token,其中的 Bearer 表示此 token 的类型为 Bearer Token。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)