美文网首页小程序
微信小程序Https请求封装

微信小程序Https请求封装

作者: Sonny721 | 来源:发表于2017-04-09 11:16 被阅读238次

    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 
       }
    });
    

    相关文章

      网友评论

        本文标题: 微信小程序Https请求封装

        本文链接:https://www.haomeiwen.com/subject/nckdattx.html