微信小程序中request接口如何封装

今天小编给大家分享一下微信小程序中request接口如何封装的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

目前成都创新互联公司已为上1000+的企业提供了网站建设、域名、虚拟空间、网站托管、服务器托管、企业网站设计、祁阳网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

微信小程序 request接口的封装实例代码

小程序request接口的封装(本质上是对request回调函数再次回调)

module.exports.getData = function (url) {
 var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 var method = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'POST';
 var header = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' };

 return new Promise(function (resolve, reject) {
 wx.request({
  url: url,
  data: data,
  method: method,
  header: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
  success: function (res) {
  resolve(res)
  },
  fail: function (res) {
  reject(res)
  }
 })
 })
}

调用方法

var common = require("../../common/common.js")
common.getData(postUrl)
 .then(function(data){
  this.setData({
  //....
  });
  console.log(data);
 });

以上就是“微信小程序中request接口如何封装”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注创新互联行业资讯频道。