Acmen 、L 學(xué)習(xí)案例集錦《五》接口調(diào)用方式
最近開發(fā)了一個(gè)微信小程序版的任務(wù)管理系統(tǒng)，在向 Java 后臺(tái)發(fā)送接口時(shí)遇到了一些問(wèn)題，在這里做一個(gè)簡(jiǎn)單的總結(jié)。官方接口官方給出的接
口叫做 wx.request，請(qǐng)求方式比較簡(jiǎn)單，下面是官網(wǎng)給出的請(qǐng)求實(shí)例。wx.request({ u …
最近開發(fā)了一個(gè)微信小程序版的任務(wù)管理系統(tǒng)，在向 Java 后臺(tái)發(fā)送接口時(shí)遇到了一些問(wèn)題，在這里做一個(gè)簡(jiǎn)單的總結(jié)。
官方接口
官方給出的接口叫做 wx.request，請(qǐng)求方式比較簡(jiǎn)單，下面是官網(wǎng)給出的請(qǐng)求實(shí)例。
wx.request({
url: ‘test.php’, //僅為示例，并非真實(shí)的接口地址
data: {
x: ‘’ ,
y: ‘’
},
header: {
‘content-type’: ‘a(chǎn)pplication/json’
},
success: function(res) {
console.log(res.data)
}
})
存在的問(wèn)題
? wx.request 請(qǐng)求的 header 中 content-type 默認(rèn)為 application/json，如果我們想換種方式比如用”application/x-www-form-urlencoded”會(huì)發(fā)現(xiàn)在請(qǐng)求頭信
息中并沒(méi)有取代默認(rèn)的 application/json 而是新增了這種方式，另外在用 jquery.ajax 請(qǐng)求時(shí)即便同樣使用 application/json 方式來(lái)請(qǐng)求，得到的數(shù)據(jù)格式也不
相同，無(wú)論用什么請(qǐng)求方式 ajax 都會(huì)將請(qǐng)求數(shù)據(jù)轉(zhuǎn)換為&name1=value1&name2=value2 的形式，這樣在根據(jù) content-type 來(lái)解析請(qǐng)求數(shù)據(jù)時(shí)就會(huì)出現(xiàn)問(wèn)
題，不知道微信是有意這樣做還是它根本就是個(gè) bug。總之是給我?guī)?lái)了不必要的麻煩。
? 微信小程序發(fā)送的是 https 請(qǐng)求，在本地調(diào)試時(shí)可以用 http，如果放在手機(jī)上測(cè)試時(shí)校驗(yàn)請(qǐng)求方式和域名，不合法會(huì)報(bào)以下錯(cuò)誤：
? 為了方便請(qǐng)求，可以對(duì) wx.request 做一個(gè)簡(jiǎn)單的封裝，這樣我們?cè)僬{(diào)用的時(shí)候就方便了許多，代碼如下：
var app = getApp();
function request(url,postData,doSuccess,doFail,doComplete){
var host = getApp().conf.host;
wx.request({
url: host+url,
data:postData,
method: ‘POST’,
success: function(res){
if(typeof doSuccess == “function”){
doSuccess(res);
}
},
fail: function() {
if(typeof doFail == “function”){
doFail();
}
},
complete: function() {
if(typeof doComplete == “function”){
doComplete();
}
}
});
}
}
module.exports.request = request;
? 如果一個(gè)接口在不同地方頻繁用到，原本設(shè)想寫一個(gè)函數(shù)，然后將函數(shù)暴露供其他 js 調(diào)用，但后來(lái)發(fā)現(xiàn) wx.request 中設(shè)置 async 是無(wú)效的，只能發(fā)異步請(qǐng)求，
所以如果想寫一個(gè)函數(shù)來(lái)返回調(diào)用接口得到的數(shù)據(jù)就比較難實(shí)現(xiàn)。