微信小程序中封装request接口的示例分析-创新互联

这篇文章主要介绍了微信小程序中封装request接口的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

创新互联专注于企业全网营销推广、网站重做改版、平川网站定制设计、自适应品牌网站建设、H5建站成都商城网站开发、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为平川等各大城市提供网站开发制作服务。

微信小程序 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接口的示例分析”这篇文章对大家有帮助,同时也希望大家多多支持创新互联网站建设公司,,关注创新互联行业资讯频道,更多相关知识等着你来学习!


文章名称:微信小程序中封装request接口的示例分析-创新互联
转载来于:http://ybzwz.com/article/dodecc.html