1.创建一个request.js
// 相当于域名
const baseURL = '***************';
// 暴露一个request函数
export function request(parms) {
// 路径拼接
const url = baseURL + parms.url;
// 请求体,默认为{}
const data = parms.data || {};
// 请求方式,默认为GET
const method = parms.method || "GET";
//请求头,默认为{ 'content-type': 'application/json'}
const header = parms.header || {
'content-type': 'application/json'
};
// 返回Promise构造函数,里面是一个函数,函数里面有两个参数,这两个参数是Promise内部封装的方法,执行resolve()这样就行了
return new Promise((resolve, reject) => {
// 采用es6语法中,key-value一致就可省略value
wx.request({
url,
data,
method,
header,
success: (res => {
// 返回成功结果
resolve(res)
}),
fail: (err => {
// 返回失败结果
reject(err)
})
})
})
}
2.导入
import { request} from "../../utils/request"
3.使用
request({
url: "/nav/get",
method: 'POST'
}).then(res => {
//捕获成功
console.log(res);
}).catch(err => {
//捕获失败
console.log(err);
})
4.展示
文章来源地址https://www.toymoban.com/news/detail-582926.html文章来源:https://www.toymoban.com/news/detail-582926.html
到了这里,关于微信小程序基于Promise封装发起网络请求的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!