小程序

微信小程序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 
   }
});
上一篇下一篇

猜你喜欢

热点阅读