微信小程序的应用目前越来越多,不管喜欢与否我们都应该了解一些。废话不多,直接干货。
做项目自然避免不了前后端的交互,小程序在调试过程中需要在先在:小程序公众平台--设置--开发设置中,将要从后台请求的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);
}
})
}
小程序系列待续……
|
请发表评论