钉钉小程序httpRequest使用Promise再简单封装

你的名字 2022-04-08 15:44 804阅读 0赞

**之所以想到对钉钉小程序的请求进行再封装，是因为在实际开发过程中遇到了需等待请求完成后再处理相关数据的问题，但在请求的success方法中处理，代码实在不太美观。**  
封装后的请求方法代码如下：

httpReq(msg, url, method, data) {  // 再次封装请求
        return new Promise(function(resolve, reject) { 
          dd.showLoading({ 
            content: msg
          });
          dd.httpRequest({ 
            url: url,
            method: method,
            data: data,
            success: (res) => { 
              dd.hideLoading();
              if (res.status == 200) { 
                resolve(res);
              } else { 
                reject(res);
              }
            },
            fail: () => { 
              reject();
            }
          });
        });
      }

**四个参数：**

*  msg 请求时弹出的提示信息
 *  url 请求路径
 *  method 请求方法
 *  data 请求数据(在外部封装好后传入)

**示例：请求完成后处理相关数据**  
在全局js（app.js）中定义再封装的请求方法，在页面中调用如下：

const app = getApp(); //页面js的 Page方法外定义
    ...
    let data = { username:'tom',password:'jerry'};
    app.httpReq('登录中...','SERVER_URL/login','post',data).then(
    	function(){ alert('成功！')},
    	function(){ alert('失败');
    });

有关更多Promise的用法，可以[点这里][Link 1]！

[Link 1]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise

发表评论取消回复

表情：

评论列表（有 0 条评论，804人围观）

还没有评论，来说两句吧...

相关阅读

相关钉钉小程序

最近开发了钉钉小程序，小总结如下：一、开发准备工作开发应用类型目前只深入了解了下第三方企业应用小程序开发开发准备下载

喜欢ヅ旅行/ 2022年12月11日 05:26/ 0 赞/ 273 阅读

相关微信小程序vs钉钉小程序笔记

封装API返回值微信小程序 onLoad: function (options) { console.log(this.getPhoneT

淡淡的烟草味﹌/ 2022年12月11日 05:23/ 0 赞/ 242 阅读

相关钉钉小程序如何调用罗盘陀螺仪

dd.onCompassChange 简介 dd.onCompassChange 是监听罗盘数据变化事件的 API。接口调用后会自动开始监听，回调间隔为500ms，

红太狼/ 2022年11月16日 01:00/ 0 赞/ 226 阅读

相关钉钉小程序Websocket链接问题

钉钉小程序Websocket链接问题问题描述：在某一页面使用Stomp发送websocket收取信息，点击返回上一页后，再次点击会出现多个websocket信息发

你的名字/ 2022年10月07日 12:56/ 0 赞/ 237 阅读

相关钉钉小程序父组件调用子组件方法（钉钉小程序踩坑实录）

钉钉小程序父组件调用子组件方法页面到底部，父组件触发，调用子组件的方法，加载子组件的数据解决方法子组件里： didMo

客官°小女子只卖身不卖艺/ 2022年10月04日 13:57/ 0 赞/ 411 阅读

相关钉钉小程序版本更新问题

钉钉小程序版本更新问题因为小程序并非发布后用户立即更新，而是要等待用户冷启动或者等待48小时后更新，于是在开发中使用了`UpdateManager`方法来引导用户

Bertha 。/ 2022年09月03日 00:13/ 0 赞/ 935 阅读

相关钉钉小程序httpRequest使用Promise再简单封装

之所以想到对钉钉小程序的请求进行再封装，是因为在实际开发过程中遇到了需等待请求完成后再处理相关数据的问题，但在请求的success方法中处理，代码实在不太美观。封装后的请

你的名字/ 2022年04月08日 15:44/ 0 赞/ 805 阅读

相关钉钉SDK使用。

（1）到 https://open-doc.dingtalk.com/microapp/faquestions/vzbp02 下载SDK （2）引入 using D

短命女/ 2021年10月19日 08:26/ 0 赞/ 575 阅读

相关钉钉小程序基础入门

一个小程序页面由js、json、acss文件组成。js用来存放小程序的逻辑代码，json用来存放小程序的公共设置，acss用来存放页面的样式。在页面中可以放置page、c

本是古典何须时尚/ 2021年09月21日 06:14/ 0 赞/ 728 阅读

相关钉钉小程序所有问题的解决方案

自从我写了这篇文章，用了这个标题，搜任何钉钉小程序XX问题，我这篇都是第一篇推荐，官方能不能重视一下自己的形象，打着阿里的旗号，做着外包的服务，抄个微信小程序抄成这个diao样

缺乏、安全感/ 2021年09月16日 19:50/ 1 赞/ 762 阅读