微信小程序封裝http訪問網(wǎng)絡(luò)庫(kù)實(shí)例代碼

更新時(shí)間：2017年05月24日 15:39:32 作者：Rolan

這篇文章主要介紹了微信小程序封裝http訪問網(wǎng)絡(luò)庫(kù)實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下

微信小程序封裝http訪問網(wǎng)絡(luò)庫(kù)實(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)登錄頁(yè)面等。

經(jīng)過(guò)上述處理，是不是變得簡(jiǎn)潔了？

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

您可能感興趣的文章:

相關(guān)文章

JS前端監(jiān)控采集用戶行為的N種姿勢(shì)
這篇文章主要為大家介紹了JS前端監(jiān)控采集用戶行為的N種姿勢(shì)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
quickjs 封裝 JavaScript 沙箱詳情
這篇文章主要介紹了 quickjs 封裝 JavaScript 沙箱，在前文 JavaScript 沙箱探索中聲明了沙箱的接口，并且給出了一些簡(jiǎn)單的執(zhí)行任意第三方 js 腳本的代碼，但并未實(shí)現(xiàn)完整的 IJavaScriptShadowbox，下面便講一下如何基于 quickjs 實(shí)現(xiàn),需要的朋友可以參考一下
2021-10-10
Evil.js項(xiàng)目源碼解讀
這篇文章主要為大家介紹了最近火爆全網(wǎng)的?Evil.js?源碼解讀，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08
詳解微信小程序設(shè)置底部導(dǎo)航欄目方法
這篇文章主要介紹了詳解微信小程序設(shè)置底部導(dǎo)航欄目方法的相關(guān)資料,需要的朋友可以參考下
2017-06-06
微信小程序后臺(tái)解密用戶數(shù)據(jù)實(shí)例詳解
這篇文章主要介紹了微信小程序后臺(tái)解密用戶數(shù)據(jù)實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下
2017-06-06
淺談JS正則RegExp對(duì)象
這篇文章主要介紹JS正則RegExp對(duì)象，正則表達(dá)式是描述字符模式的對(duì)象，用于對(duì)字符串模式匹配及檢索替換，是對(duì)字符串執(zhí)行模式匹配的強(qiáng)大工具。下面就來(lái)看具體詳情,需要的朋友可以參考一下
2021-10-10
使用JavaScript練習(xí)動(dòng)畫最好的方式封面過(guò)渡
這篇文章主要為大家介紹了使用JavaScript練習(xí)動(dòng)畫最好的方式封面過(guò)渡實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
微信小程序簡(jiǎn)單實(shí)例（閱讀器）的實(shí)例開發(fā)
這篇文章主要介紹了微信小程序簡(jiǎn)單實(shí)例（閱讀器）的實(shí)例開發(fā)的相關(guān)資料,需要的朋友可以參考下
2016-09-09
微信小程序參數(shù)傳遞詳解
這篇文章主要介紹了微信小程序參數(shù)傳遞詳解的相關(guān)資料,需要的朋友可以參考下
2016-10-10
JS面試異步模擬紅綠燈實(shí)現(xiàn)詳解
這篇文章主要為大家介紹了JS面試異步模擬紅綠燈實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-01-01