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

发布时间：2023-08-04 21:02:10 作者：layman 阅读量：7003

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

文档出处：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值进一步判断，特定错误码统一处理，比如跳转登录页面等。

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

我要评论

网友评论

评论时间：2024-03-22 08:27:01

其次结合自身工作经验及实际情况来确定企业如何发挥数控技术的优势 所需功能模开发软件app免费 身工作经验及实际情况来确定所需功能模块

回复

回复 

评论时间：2023-10-07 04:27:02

a易用的网页封装分发 pp制作教蓝牙app制作 教程、软件安装与使用、网页设计、平面设计、广告创意等

回复

回复 

置顶通知！发帖请务必遵守法律法规

微信支付下载对账单开发CloudPay.downloadBill()

wx.navigateBack(OBJECT),小程序关闭当前页面返回上一页面（1）

如何制作微信小游戏

微信支付查询退款开发CloudPay.queryRefund()

微信小程序尺寸及外边距设置调整技巧

考古APP开发 感受历史的魅力考古APP开发

安全教育app开发解决方案

门店小程序类目资质表

广州APP开发企业APP制作公司

一招告诉你小程序码怎么生成？

一文告诉你为什么鲜花店老板主动要做小程序?

信息巨头进军企业APP开发

手机APP开发者也许有可能使用.app的域名

APP开发企业APP制作公司广州,移动互联

不要将医疗APP当作医生

影响手机APP移动广告收入的因素？

剖析App store模式对于web的意义

本地头条新闻APP开发:不用编程,让你一个人顶一个电视台

广州APP开发未来的发展趋势

剖析APP开发跨平台与非跨平台对比

税务app开发 办税无压力税务app开发

微信小程序的制作流程

「体育行业app开发」体育行业app开发谁好？案例跟商业模式