微信小程序封裝http訪問網絡庫實例代碼 - 新聞資訊 - 雲南小程序開發|雲南軟件開發|雲南網站建設-昆明融晨信息技術有限公司

159-8711-8523

雲南網建設/小程序開發/軟件開發

知識

不(bù)管是(shì)網站,軟件還是(shì)小程序,都要(yào / yāo)直接或間接能爲(wéi / wèi)您産生價值,我們在(zài)追求其視覺表現的(de)同時(shí),更側重于(yú)功能的(de)便捷,營銷的(de)便利,運營的(de)高效,讓網站成爲(wéi / wèi)營銷工具,讓軟件能切實提升企業内部管理水平和(hé / huò)效率。優秀的(de)程序爲(wéi / wèi)後期升級提供便捷的(de)支持!

您當前位置>首頁 » 新聞資訊 » 小程序相關 >

微信小程序封裝http訪問網絡庫實例代碼

發表時(shí)間:2021-5-11

發布人(rén):融晨科技

浏覽次數:87

之(zhī)前都是(shì)使用LeanCloud爲(wéi / wèi)存儲,現在(zài)用傳統API調用時(shí)做如下封裝

  1. var HOST = 'http://localhost/lendoo/public/index.php/';
  2. // 網站請求接口,統一爲(wéi / wèi)post
  3. function post(req) {
  4. //發起網絡請求
  5. wx.request({
  6. url: HOST + req.uri,
  7. data: req.param,
  8. header: {
  9. "content-type": "application/x-www-form-urlencoded"
  10. },
  11. method: 'POST',
  12. success: function (res) {
  13. req.success(res.data)
  14. },
  15. fail: function (res) {
  16. console.log(res);
  17. }
  18. })
  19. }
  20. // 導出(chū)模塊
  21. module.exports = { post: post
  22. }

然後前端調用就(jiù)可以(yǐ)這(zhè)樣做了(le/liǎo):

  1. var http = require('../../utils/http.js');
  2. ...
  3. http.post({
  4. uri: http.orderListUri,
  5. param: {
  6. third_session: wx.getStorageSync('third_session')
  7. },
  8. success: function (data) {
  9. that.setData({
  10. orderList: data
  11. });
  12. }
  13. });

一般對自己寫的(de)接口給自己用的(de)時(shí)候,method方法或header都是(shì)約定好的(de),所以(yǐ)不(bù)用重複書寫。

  1. 1 header: {
  2. 2 "content-type": "application/x-www-form-urlencoded"
  3. 3 },
  4. 4 method: 'POST'

而(ér)fail回調方法也(yě)可以(yǐ)統一處理;進一步地(dì / de),也(yě)可以(yǐ)對success回調裏的(de)針對code值進一步判斷,特定錯誤碼統一處理,比如跳轉登錄頁面等。

相關案例查看更多