微信小程序封装http访问网络库实例代码 - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 小程序相关 >

微信小程序封装http访问网络库实例代码

发表时间:2021-5-11

发布人:葵宇科技

浏览次数:65

之前都是使用LeanCloud为存储,现在用传统API调用时做如下封装

  1. var HOST = 'http://localhost/lendoo/public/index.php/';
  2. // 网站请求接口,统一为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. // 导出模块
  21. module.exports = { post: post
  22. }

然后前端调用就可以这样做了:

  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. });

一般对自己写的接口给自己用的时候,method方法或header都是约定好的,所以不用重复书写。

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

而fail回调方法也可以统一处理;进一步地,也可以对success回调里的针对code值进一步判断,特定错误码统一处理,比如跳转登录页面等。

相关案例查看更多