脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → 小程序封装http

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

 更新时间：2017年05月24日 15:39:32   作者：Rolan  
这篇文章主要介绍了微信小程序封装http访问网络库实例代码的相关资料,需要的朋友可以参考下

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

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

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

代码如下：

var HOST = 'http://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值进一步判断，特定错误码统一处理，比如跳转登录页面等。

经过上述处理，是不是变得简洁了？

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

您可能感兴趣的文章:

相关文章

  • JS前端监控采集用户行为的N种姿势

    JS前端监控采集用户行为的N种姿势

    这篇文章主要为大家介绍了JS前端监控采集用户行为的N种姿势，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-07-07
  • quickjs 封装 JavaScript 沙箱详情

    quickjs 封装 JavaScript 沙箱详情

    这篇文章主要介绍了 quickjs 封装 JavaScript 沙箱，在前文 JavaScript 沙箱探索 中声明了沙箱的接口，并且给出了一些简单的执行任意第三方 js 脚本的代码，但并未实现完整的 IJavaScriptShadowbox，下面便讲一下如何基于 quickjs 实现,需要的朋友可以参考一下
    2021-10-10
  • Evil.js项目源码解读

    Evil.js项目源码解读

    这篇文章主要为大家介绍了最近火爆全网的 Evil.js 源码解读，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-08-08
  • 详解微信小程序设置底部导航栏目方法

    详解微信小程序设置底部导航栏目方法

    这篇文章主要介绍了详解微信小程序设置底部导航栏目方法的相关资料,需要的朋友可以参考下
    2017-06-06
  • 微信小程序后台解密用户数据实例详解

    微信小程序后台解密用户数据实例详解

    这篇文章主要介绍了 微信小程序后台解密用户数据实例详解的相关资料,需要的朋友可以参考下
    2017-06-06
  • 浅谈JS正则RegExp对象

    浅谈JS正则RegExp对象

    这篇文章主要介绍JS正则RegExp对象，正则表达式是描述字符模式的对象，用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具。下面就来看具体详情,需要的朋友可以参考一下
    2021-10-10
  • 使用JavaScript练习动画最好的方式封面过渡

    使用JavaScript练习动画最好的方式封面过渡

    这篇文章主要为大家介绍了使用JavaScript练习动画最好的方式封面过渡实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-07-07
  • 微信小程序 简单实例（阅读器）的实例开发

    微信小程序 简单实例（阅读器）的实例开发

    这篇文章主要介绍了微信小程序 简单实例（阅读器）的实例开发的相关资料,需要的朋友可以参考下
    2016-09-09
  • 微信小程序 参数传递详解

    微信小程序 参数传递详解

    这篇文章主要介绍了微信小程序 参数传递详解的相关资料,需要的朋友可以参考下
    2016-10-10
  • JS面试异步模拟红绿灯实现详解

    JS面试异步模拟红绿灯实现详解

    这篇文章主要为大家介绍了JS面试异步模拟红绿灯实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-01-01

最新评论