小程序简单封装http访问网络库

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

小程序简单封装http访问网络库

文档出处:https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.html

代码如下:

  1. var HOST = 'https://localhost/lendoo/public/index.php/';
  2. // 网站请求接口,统一为post
  3.  
  4. function post(req) {
  5. //发起网络请求
  6. wx.request({
  7. url: HOST + req.uri,
  8. data: req.param,
  9. header: {
  10. "content-type": "application/x-www-form-urlencoded"
  11. },
  12. method: 'POST',
  13. success: function (res) {
  14. req.success(res.data)
  15. },
  16. fail: function (res) {
  17. console.log(res);
  18. }
  19. })
  20. }
  21. // 导出模块
  22.  
  23. module.exports = { post: post
  24. }

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

  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. header: {
  2. "content-type": "application/x-www-form-urlencoded"
  3. },
  4. method: 'POST'

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

经过上述处理,是不是变得简洁了?


【本站声明】
  1、本站文章中所选用的图片及文字来源于网络以及用户投稿,由于未联系到知识产权人或未发现有关知识产权的登记,如有知识产权人并不愿意我们使用,如果有侵权请立即联系。
  2、本网站不对文章中所涉及的内容真实性、准确性、可靠性负责,仅系客观性描述,如您需要了解该类商品/服务详细的资讯,请您直接与该类商品/服务的提供者联系。


KESION 科汛软件

KESION 科汛软件是国内领先的在线教育软件及私域社交电商软件服务提供商,长期专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。
公司核心产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化独立部署品牌网校和在线教育咨询等。

KESION 不断通过技术创新,提供产品和服务,助力企业向数字化转型,通过科技驱动商业革新,让商业变得更智慧!



▼点击进入科汛官网了解更多



热门标签
SaaS
上/下篇
  • 微信小程序中如何使用WebSocket实现长连接(含完整源码)

  • 微信小程序 生命周期函数解析

换一换相关推荐
精选内容
热点精选