微信小程序封装http访问网络库实例代码
2017-05-24 15:39
1046 查看
微信小程序封装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值进一步判断,特定错误码统一处理,比如跳转登录页面等。
经过上述处理,是不是变得简洁了?
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
您可能感兴趣的文章:
相关文章推荐
- 微信小程序 http请求封装详解及实例代码
- 微信小程序 http请求封装详解及实例代码
- 【微信小程序】网络请求接口封装实例
- 微信小程序 POST请求(网络请求)详解及实例代码
- 微信小程序 request接口的封装实例代码
- 微信小程序 使用picker封装省市区三级联动实例代码
- 微信小程序之网络请求简单封装实例详解
- 微信小程序 POST请求(网络请求)详解及实例代码
- Android网络:HTTP之利用HttpURLConnection访问网页、获取网络图片实例 (附源码)
- Android网络:HTTP之利用HttpURLConnection访问网页、获取网络图片实例 (附源码)
- 微信开发中使用curl实现http与https的post级get请求实例教程(附工程代码)
- 10_Android中通过HttpUrlConnection访问网络,Handler和多线程使用,读取网络html代码并显示在界面上,ScrollView组件的使用
- 第一行代码总结:10网络:10.2使用HTTP协议访问网络10.2.1 使用HttpURLConnection10.2使用HTTP协议访问网络 工作原理: 客户端向服务器发出一条HTTP请求,服务器收
- 在与 SQL Server 建立连接时出现与网络相关的或特定于实例的错误。未找到或无法访问服务器。请验证实例名称是否正确并且 SQL Server 已配置为允许远程连接。 (provider: 命名管道提供程序, error: 40 - 无法打开到 SQL
- 在与 SQL Server 建立连接时出现与网络相关的或特定于实例的错误,未找到或无法访问服务器。错误代码:40
- 微信小程序 video组件详解及实例代码
- Android网络:HTTP之利用HttpURLConnection访问网页、获取网络图片实例
- Android网络:HTTP之利用HttpURLConnection访问网页、获取网络图片实例 (附源码)
- HTTP的网络访问核心代码
- 在与 SQL Server 建立连接时出现与网络相关的或特定于实例的错误。未找到或无法访问服务器。 (provider: 命名管道提供程序, error: 40 - 无法打开到 SQL Server