您好,登錄后才能下訂單哦!
本篇內(nèi)容介紹了“微信小程序中怎么實(shí)現(xiàn)http請(qǐng)求封裝”的有關(guān)知識(shí),在實(shí)際案例的操作過程中,不少人都會(huì)遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
微信小程序 http請(qǐng)求封裝
示例代碼
wx.request({ url: 'test.php', //僅為示例,并非真實(shí)的接口地址 data: { x: '' , y: '' }, method:'POST', header: { 'content-type': 'application/json' }, success: function(res) { console.log(res.data) }, fail: function( res ) { fail( res ); } })
以上為小程序的基本http請(qǐng)求代碼,實(shí)際代碼中如果每次這樣來寫是比較繁瑣的,那我們就來做一下封裝。
那代碼中我們比較關(guān)注什么?
1.請(qǐng)求的參數(shù),訪問的接口
2.GET/POST...請(qǐng)求方式
3.請(qǐng)求參數(shù)統(tǒng)一處理(比如:加密、設(shè)置公共參數(shù)...)
4.請(qǐng)求成功返回的數(shù)據(jù)(比如:解密、抽離邏輯層數(shù)據(jù))
5.請(qǐng)求失敗反饋
我們不關(guān)注什么?
1.請(qǐng)求url(一般固定的配置在某個(gè)地方)
2.根據(jù)不同的接口規(guī)則做不同的請(qǐng)求參數(shù)(比如:參數(shù)加密等)
...
讓我們代碼實(shí)操
network.js
var API_URL = 'http://localhost/loverule/api/api.php' var requestHandler = { params:{}, success: function(res){ // success }, fail: function() { // fail }, } //GET請(qǐng)求 function GET(requestHandler) { request('GET',requestHandler) } //POST請(qǐng)求 function POST(requestHandler) { request('POST',requestHandler) } function request(method,requestHandler) { //注意:可以對(duì)params加密等處理 var params = requestHandler.params; wx.request({ url: API_URL, data: params, method: method, // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT // header: {}, // 設(shè)置請(qǐng)求的 header success: function(res){ //注意:可以對(duì)參數(shù)解密等處理 requestHandler.success(res) }, fail: function() { requestHandler.fail() }, complete: function() { // complete } }) } module.exports = { GET: GET, POST: POST }
1.頁面中調(diào)用(以GET請(qǐng)求為例)
//導(dǎo)入js var network = require("../../utils/network.js") //寫入?yún)?shù) var params = new Object() params.api_name = "api_user_login" params.account = "hanqing" params.password = "123456" //發(fā)起請(qǐng)求 network.GET( { params: params, success: function (res) { console.log(res) //拿到解密后的數(shù)據(jù),進(jìn)行代碼邏輯 }, fail: function () { //失敗后的邏輯 }, })
“微信小程序中怎么實(shí)現(xiàn)http請(qǐng)求封裝”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。