您的位置:首页 > 移动开发 > Objective-C

微信小程序封装请求方法wx.request(OBJECT)

2018-01-24 20:51 996 查看
小程序写完也一段时间了,最近分享下装逼的技能吧,封装请求方法,不但高大上,而且使用简单。先说说小程序自带的请求吧!

wx.request(OBJECT)

参数:

参数名类型必填默认值说明
urlString开发者服务器接口地址
dataObject/String/ArrayBuffer请求的参数
headerObject设置请求的 header,header 中不能设置 Referer。
methodStringGET有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
dataTypeStringjson如果设为json,会尝试对返回的数据做一次 JSON.parse
responseTypeStringtext设置响应的数据类型。合法值:text、arraybuffer
successFunction收到开发者服务成功返回的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)
wx.request({
url: 'xxxx.php',
data: {
x: '' ,
y: ''
},
method:"POST",
header: {
'content-type': 'application/json'
},
success: function(res) {
console.log(res.data)
}
})


上面的代码段是维信提供的方法,下面我就说说封装的方法吧

//  公用请求方法
netRequest: function ({url, data, success, method = "POST"}) {
xxx
let server = 'https://xxx.xxxxxxxx.cn';//正式域名
// let server = 'http://dxxx.xxxxxxxxxx.cn';//测试域名
// 本地取存储的 sessionID
let sessionId = wx.getStorageSync('sid'),
that      = this;

if (sessionId != "" && sessionId != null) {
var header = { 'content-type': 'application/x-www-form-urlencoded', 'Cookie': 'sid=' + sessionId };
} else {
var header = { 'content-type': 'application/x-www-form-urlencoded' };
}
wx.request({
url: server + url,
method: method,
data: data,
header: header,
success: (res) => {
if (sessionId == "" || sessionId == null) {
wx.setStorageSync('sid', res.data.info.session_id) //  如果本地没有就说明第一次请求 把返回的 sessionId 存入本地
}
let data = res.data;
res['statusCode'] === 200 ? success(data) : that.fail();
},
fail: function (res) {
wx.hideLoading();
wx.showToast({
title     :   '请求超时',
icon      :   'loading',
duration  :   2000
})
},
complete:function(){
wx.hideLoading();
}
});
}


这里我要补充下,上面的url就是我把所有的借口都写在一个js里了,所以就是server+url,然后就域名,这个域名分测试域名和正式域名,这样开发的时候就可以用测试等一切好了没问题了就可以用正式的,每次只需要注释就可以了。



这个是截图,下面的是api接口



接口是对象,建和值,然后就是应用





鄙人拙见,如有出入,劳烦指点,谢谢
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: