当前位置:微信小程序开发 > 小程序资讯 > 小程序开发教程 > 小程序简单封装http访问网络库

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

2018-07-23 11:19 来源: 霸界科技

摘要:微信小程序简单封装http访问网络库,之前都是使用LeanCloud为存储,现在用传统API调用时做如下封装...

期权保本理财
  微信小程序简单封装http访问网络库,之前都是使用LeanCloud为存储,现在用传统API调用时做如下封装
 
小程序简单封装http访问网络库
 
  代码如下:
 
  var HOST = 'https://localhost/lendoo/public/index.php/';
 
  // 网站请求接口,统一为post
 
  function post(req) {
 
  //发起网络请求
 
  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);
 
  }
 
  })
 
  }
 
  // 导出模块
 
  module.exports = { post: post
 
  }
 
  然后前端调用就可以这样做了:
 
  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
 
  });
 
  }
 
  });
 
  一般对自己写的接口给自己用的时候,method方法或header都是约定好的,所以不用重复书写。
 
  header: {
 
  "content-type": "application/x-www-form-urlencoded"
 
  },
 
  method: 'POST'
 
  而fail回调方法也可以统一处理;进一步地,也可以对success回调里的针对code值进一步判断,特定错误码统一处理,比如跳转登录页面等。
 
  经过上述处理,是不是变得简洁了?
分享到:
最新评论

网友:

验证码: 点击我更换图片

联系我们

业务咨询:15918761088

招商咨询:15918761088(微信同号)

周一至周五 9:30-18:30

公司地址:广州市海珠区昌岗中路166号富盈国际大厦2505室

官方微信 官方微博

Copyright © 2018 www.keji168.com 广州霸界网络科技有限公司版权所有 粤ICP备18083764号-1

客服
套餐咨询,合作细节等
在线客服
电话咨询
159-1876-1088