微信小程序封装http访问网络库实例代码

微信小程序封装http访问网络库实例代码

微信小程序封装http访问网络库实例代码

之前都是使用LeanCloud为存储，现在用传统API调用时做如下封装

文档出处：https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.html

代码如下：

var HOST = 'http://localhost/lendoo/public/index.php/';

// 网站请求接口，统一为post

function post(req) {

//发起网络请求

wx.request({

url: HOST + req.uri,

data: req.param,

header: {

"content-type": "application/x-www-form-urlencoded"http://

},

method: 'POST',

success: function (res) {

req.success(res.data)

},

fail: function (res) {

console.log(res);

}

})

}

// 导出模块

module.exports = { post: post

}

然后前端调用就可以这样做了：

var http = require('../../utils/http.js');

...

http.post({

uri: http.orderListUri,

param: {

third_session: wx.getStorageSync('third_session')

},

KOElhtZPmy success: function (data) {

that.setData({

orderList: data

});

}

});

一般对自己写的接口给自己用的时候，method方法或header都是约定好的，所以不用重复书写。

header: {

"content-type": "applichttp://ation/x-www-form-urlencoded"

},

method: 'POST'

而fail回调方法也可以统一处理；进一步地，也可以对success回调里的针对code值进一步判断，特定错误码统一处理，比如跳转登录页面等。

经过上述处理，是不是变得简洁了？

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。