微信小程序封裝http訪問網(wǎng)絡(luò)庫實(shí)例代碼
微信小程序封裝http訪問網(wǎng)絡(luò)庫實(shí)例代碼
之前都是使用LeanCloud為存儲(chǔ),現(xiàn)在用傳統(tǒng)API調(diào)用時(shí)做如下封裝
文檔出處:https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.html
代碼如下:
var HOST = 'http://localhost/lendoo/public/index.php/'; // 網(wǎng)站請(qǐng)求接口,統(tǒng)一為post function post(req) { //發(fā)起網(wǎng)絡(luò)請(qǐng)求 wx.request({ url: HOST + req.uri, data: req.param, header: { "content-type": "application/x-www-form-urlencoded" }, method: 'POST', success: function (res) { req.success(res.data) }, fail: function (res) { console.log(res); } }) } // 導(dǎo)出模塊 module.exports = { post: post }
然后前端調(diào)用就可以這樣做了:
var http = require('../../utils/http.js'); ... http.post({ uri: http.orderListUri, param: { third_session: wx.getStorageSync('third_session') }, success: function (data) { that.setData({ orderList: data }); } });
一般對(duì)自己寫的接口給自己用的時(shí)候,method方法或header都是約定好的,所以不用重復(fù)書寫。
header: { "content-type": "application/x-www-form-urlencoded" }, method: 'POST'
而fail回調(diào)方法也可以統(tǒng)一處理;進(jìn)一步地,也可以對(duì)success回調(diào)里的針對(duì)code值進(jìn)一步判斷,特定錯(cuò)誤碼統(tǒng)一處理,比如跳轉(zhuǎn)登錄頁面等。
經(jīng)過上述處理,是不是變得簡(jiǎn)潔了?
感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!
相關(guān)文章
微信小程序 獲取session_key和openid的實(shí)例
這篇文章主要介紹了微信小程序 獲取session_key和openid的實(shí)例的相關(guān)資料,希望能通過本文幫助到大家實(shí)現(xiàn)這樣的功能,需要的朋友可以參考下2017-08-08javascript進(jìn)階篇深拷貝實(shí)現(xiàn)的四種方式
這篇文章主要為大家介紹了javascript進(jìn)階篇深拷貝實(shí)現(xiàn)的四種方式詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-07-07微信小程序 加載 app-service.js 錯(cuò)誤解決方法
這篇文章主要介紹了微信小程序 加載 app-service.js 錯(cuò)誤詳解的相關(guān)資料,在開發(fā)微信小程序過程中出現(xiàn)了app-services.js的錯(cuò)誤,并解決此問題,需要的朋友可以參考下2016-10-10javascript Number 與 Math對(duì)象的介紹
這篇文章主要介紹了javascript Number 與 Math對(duì)象,文章圍繞 Number 與 Math對(duì)象的相關(guān)資料展開內(nèi)容,需要的朋友可以參考一下,希望對(duì)你有所幫助2021-11-11微信小程序?qū)崿F(xiàn)緩存根據(jù)不同的id來進(jìn)行設(shè)置和讀取緩存
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)緩存根據(jù)不同的id來進(jìn)行設(shè)置和讀取緩存的相關(guān)資料,需要的朋友可以參考下2017-06-06微信小程序 網(wǎng)絡(luò)請(qǐng)求(GET請(qǐng)求)詳解
這篇文章主要介紹了微信小程序 網(wǎng)絡(luò)請(qǐng)求(GET請(qǐng)求)詳解的相關(guān)資料,需要的朋友可以參考下2016-11-11