微信小程序小结（1） ------ 前后端交互及wx.request的简易封装

微信小程序的应用目前越来越多，不管喜欢与否我们都应该了解一些。废话不多，直接干货。

做项目自然避免不了前后端的交互，小程序在调试过程中需要在先在：小程序公众平台--设置--开发设置中，将要从后台请求的url在“request合法域名”中设置一下。

在微信开发者工具中设置：



记得不能取消“不效验安全域名、web-view域名、TLS版本以及HTTPS证书”选项的勾选。

---

小程序官方提供了接口：wx.request(OBJECT)，在此基础上进行二次封装：

const app = getApp().globalData;  //获取app.js中的全局变量
const https = (obj) => {
    wx.request({
        url: app.url + obj.url,
        header: {
            'content-type': 'application/json',
			...        //其他头部信息
        },
        data: obj.data,
        method: 'POST/GET',
        success: function(res) {
            errFn(res.data.code);   //根据后台返回的code码进行统一的处理，如错误处理函数errFn
            obj.success(res);       //对返回数据的处理
        },
        fail: function(err) {
	        //如果请求失败进行弹窗提示，并处理
            wx.showModal({
                title: '提示',
                content: '出错了，请点击确定返回首页',
                success: function(res) {
                    if (res.confirm) {
                        //处理错误的代码
                    }
                }
            })
            //传递错误信息
            obj.fail(err);
        }
    })
}

小程序系列待续……