成都网站建设设计

将想法与焦点和您一起共享

微信小程序中request接口如何封装-创新互联

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

创新互联于2013年创立,是专业互联网技术服务公司,拥有项目成都做网站、网站设计、外贸营销网站建设网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元临沭做网站,已为上家服务,为临沭各地企业和个人服务,联系电话:18980820575

微信小程序 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://chengdu.cdxwcx.cn/article/cdsiei.html