微信小程序Https请求封装
2017-04-09 本文已影响238人
Sonny721
1、微信小程序wx.request()#
微信小程序请求服务接口API的方法,这里不再累述,具体看官方文档“https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.html#wxrequestobject”
wx.request发起的是 HTTPS 请求。
2、服务API请求封装#
这里封装的是POST请求方式,GET请求一样。
在utils下创建httpcommon.js文件,方法如下:
// Ajax接口请求
function wxAjax(url, postData, doSuccess, doFail, doComplete) {
wx.request({
url: getApp().config.api_host + url,
data: postData,
method: 'POST',
success: function (res) {
if (typeof doSuccess == "function") {
doSuccess(res);
}
},
fail: function () {
if (typeof doFail == "function") {
wx.showToast({
title: '网络异常',
icon: 'success',
duration: 2000
});
doFail();
}
},
complete: function () {
if (typeof doComplete == "function") {
doComplete();
}
}
})
}
module.exports = {
wxAjax: wxAjax
}
在app.js文件中增加如下配置:
//全局配置信息
config: {
api_host: "http://127.0.0.1:8888"
}
服务API调用使用示例如下:
//app.js
var common = require('utils/common.js');
App({
onLaunch: function () {
var that = this;
that.login();
},
//登录
login: function (cb) {
var that = this;
wx.login({
success: function (res) {
var code = res.code;
var parmptLogin = { "code": code};
common.wxAjax("/login/login", JSON.stringify(para), that.successLogin)
}
})
},
successLogin:function(res){
// todo
}
});