小程序模板下载与定制平台
客服QQ客服QQ 客服微信客服微信 公众号公众号

微信小程序请求Promise简单封装及使用教程

最近做小程序在调用后台接口的时候感觉总写很长一串,很冗杂。非常想念vue中promise封装的写法,于是自己初步封装了一下。

1.url 接口地址

2.headers请求头

3. params 请求参数 

4.host 服务端地址

POST:

export function httpPost(url, params,params,) {

let promise = new Promise((resolve, reject) => {

wx.request({

url: host + url,

header: headers ? headers : { "content-type": "application/json" },

data: params,

method: "POST",

success: function(res) {

resolve(res);

},

fail: err => {

reject(err);

}

});

});

return promise;

}

GET:

export function httpGet(url, params, headers) {

let paramsStr = url;

let num = 0;

// 将params对象转换成字符串

for (let i in params) {

if (num < 1) {

paramsStr += `?${i}=${params[i]}`;

} else {

paramsStr += `&${i}=${params[i]}`;

}

num++;

}

let promise = new Promise((resolve, reject) => {

wx.request({

url: host + paramsStr,

header: headers ? headers : { "content-type": "application/json" },

method: "GET",

success: function(res) {

resolve(res);

},

fail: err => {

reject(err);

}

});

});

return promise;

}

到这儿呢就结束了,就可以愉快的通过then来取回调了。

TAG标签:小程序简单封装

上一个:微信小程序样式选择器名称以及详细介绍
下一个:微信小程序开发制作焦点轮播图的方法

小程序模板

免责声明:本站资源均来自用户分享和网络收集,仅供学习研究,请勿用于商业用途,若损害您的权益,请联系网站客服,核实后立即删除。

咨询客服

QQ:1847629575

全年 09:00-23:00

(其他时间请留言)

在线客服

Copyright©2021 www.why114.com 瓦窑模板 版权所有 鲁ICP备20017802号

展开