這篇文章主要介紹了微信小程序之http請求封裝的示例分析,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
為新城等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù),及新城網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站設(shè)計、網(wǎng)站制作、新城網(wǎng)站設(shè)計,以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!
微信小程序 http請求封裝
示例代碼
wx.request({ url: 'test.php', //僅為示例,并非真實的接口地址 data: { x: '' , y: '' }, method:'POST', header: { 'content-type': 'application/json' }, success: function(res) { console.log(res.data) }, fail: function( res ) { fail( res ); } })
以上為小程序的基本http請求代碼,實際代碼中如果每次這樣來寫是比較繁瑣的,那我們就來做一下封裝。
那代碼中我們比較關(guān)注什么?
1.請求的參數(shù),訪問的接口
2.GET/POST...請求方式
3.請求參數(shù)統(tǒng)一處理(比如:加密、設(shè)置公共參數(shù)...)
4.請求成功返回的數(shù)據(jù)(比如:解密、抽離邏輯層數(shù)據(jù))
5.請求失敗反饋
我們不關(guān)注什么?
1.請求url(一般固定的配置在某個地方)
2.根據(jù)不同的接口規(guī)則做不同的請求參數(shù)(比如:參數(shù)加密等)
...
讓我們代碼實操
network.js
var API_URL = 'http://localhost/loverule/api/api.php' var requestHandler = { params:{}, success: function(res){ // success }, fail: function() { // fail }, } //GET請求 function GET(requestHandler) { request('GET',requestHandler) } //POST請求 function POST(requestHandler) { request('POST',requestHandler) } function request(method,requestHandler) { //注意:可以對params加密等處理 var params = requestHandler.params; wx.request({ url: API_URL, data: params, method: method, // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT // header: {}, // 設(shè)置請求的 header success: function(res){ //注意:可以對參數(shù)解密等處理 requestHandler.success(res) }, fail: function() { requestHandler.fail() }, complete: function() { // complete } }) } module.exports = { GET: GET, POST: POST }
1.頁面中調(diào)用(以GET請求為例)
//導(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ā)起請求 network.GET( { params: params, success: function (res) { console.log(res) //拿到解密后的數(shù)據(jù),進行代碼邏輯 }, fail: function () { //失敗后的邏輯 }, })
感謝你能夠認真閱讀完這篇文章,希望小編分享的“微信小程序之http請求封裝的示例分析”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學習!
當前名稱:微信小程序之http請求封裝的示例分析
URL地址:http://muchs.cn/article16/pgosgg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、靜態(tài)網(wǎng)站、網(wǎng)站排名、建站公司、企業(yè)網(wǎng)站制作、企業(yè)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)