微信小程序（一）request请求封装

今天开始我会把自己在微信开发中的各个功能的实现做一个总结，自己总结的同时也和大家来一起学习、交流。

就先从微信的接口请求封装开始讲起吧。

function requestBase(api, data, success, fail)
{
wx.request({
url: app.data.url + api,
method: "POST",
header: { "Content-Type": "application/x-www-form-urlencoded" },
data: data,
success: success,
fail: fail
})
}

function dbRequest(api, data, success, fail) {
islogin(function(){
requestBase(api, data, function (res) { success(res) }, function (e) { fail(e) });
});

}

这一个公共的微信小程序请求方法的封装，因为我们开发使用的接口都为“post”请求的方法所以这里在使用时就不需要传method的参数过来了这里我们直接写死。url的app.data.url为我们在 app.js中写好的接口直接调用。data根据接口的不同来传输数据。

下面是实际操作时的使用方法

var db=require("dbrequest.js")
function getCustomerlist(data,success, fail) {

db.dbRequest("custom/list", data, function (res) {
if (res.data != null && res.data.customers != null && res.data.customers.length > 0) {
success(res.data.customers);
}
else {
success([]);
}
}, function (err) {
fail("查询错误！");
})

}

module.exports = {
getCustomerlist: getCustomerlist
}

这里我调用"dbrequest.js"中的dbRequest方法。把接口的数据进行封装并吧获取的数据返回。

function LoadCustomerList(that) {
wx.showToast({
title: 'loading...',
icon: 'loading'
})
let data = {

};
customerjs.getCustomerlist(data,

},
}

在我要用上面的接口时我就需要吧data数据写入data中进行发送， 并调用getCustomerlist来发送接口请求。

在使用接口时要区分data发送的数据类型，我在使用时因为数据类型的问题就出过问题，并很久没有解决所以在请求数据时接口的类型要弄清楚。

阅读更多