小程序api实现promise封装过程解析


Posted in Javascript onNovember 21, 2019

这篇文章主要介绍了小程序api实现promise封装过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

微信小程序和支付宝小程序的api封装方法是一样的,都是外部新建一个js,使用module.exports导出,要注意的是,最好使用post请求,虽然get请求没什么不好,主要是好修改。这里使用的MD5进行了token加密,最好还是把md5.js单独写下来(MD5函数js)

代码如下

var app = getApp(); // 引入app.js里初始化数据
var MD5 = require('./md5.js')
function ApiFun (url,params) {
 var param = {}
 let timeStamp = Number(new Date()) // 时间戳
 let Token = "*******"
 return new Promise((resolve, reject,next) => {
  my.request({ // 支付宝小程序是my,微信小程序是wx
   url: app.globalData.baseUrl + url, // 域名+接口名称
   method: "POST",
   data: params, // 参数
   success: resolve, // 成功结果
   headers: {
    "Content-Type": "application/x-www-form-urlencoded"
   }, // post请求头
   fail: reject, // 失败结果
   complete: next // 成功或者失败都会调用的结果
  })
 })
}
module.exports = {
 ajaxApi: function (url, params) { // 导出
  return ApiFun(url, params).then(res => res.data)
 }
}

使用方法在page页面的js中

var app = getApp();
var api =require('/pages/utils/api.js')
Page({
  onShow() {
    api.ajaxApi('/**/list',{
      page:1,
      prePage:100
    }).then(res => {
       console.log(res)
    })
  }
})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS window.opener返回父页面的应用
Oct 24 Javascript
JavaScript 匿名函数(anonymous function)与闭包(closure)
Oct 04 Javascript
JQuery防止退格键网页后退的实现代码
Mar 23 Javascript
javascript中日期函数new Date()的浏览器兼容性问题
Sep 05 Javascript
30分钟快速掌握Bootstrap框架
May 24 Javascript
jquery 键盘事件的使用方法详解
Sep 13 jQuery
详解react-router 4.0 下服务器如何配合BrowserRouter
Dec 29 Javascript
Vue下路由History模式打包后页面空白的解决方法
Jun 29 Javascript
jQuery实现简单聊天室
Feb 08 jQuery
使用webpack搭建pixi.js开发环境
Feb 12 Javascript
Vue Router的手写实现方法实现
Mar 02 Javascript
springboot+vue+对接支付宝接口+二维码扫描支付功能(沙箱环境)
Oct 15 Javascript
如何基于原生javaScript生成带图片的二维码
Nov 21 #Javascript
Vue中Table组件行内右键菜单实现方法(基于 vue + AntDesign)
Nov 21 #Javascript
vue element 中的table动态渲染实现(动态表头)
Nov 21 #Javascript
浅谈Vue SSR中的Bundle的具有使用
Nov 21 #Javascript
webpack常用构建优化策略小结
Nov 21 #Javascript
Vue 中 filter 与 computed 的区别与用法解析
Nov 21 #Javascript
js实现课堂随机点名系统
Nov 21 #Javascript
You might like
Php注入点构造代码
2008/06/14 PHP
关于UEditor编辑器远程图片上传失败的解决办法
2012/08/31 PHP
解析将多维数组转换为支持curl提交的一维数组格式
2013/07/08 PHP
获取URL文件名后缀
2013/10/24 PHP
将CMYK颜色值和RGB颜色相互转换的PHP代码
2014/07/28 PHP
php计算年龄精准到年月日
2015/11/17 PHP
PHP自定义序列化接口Serializable用法分析
2017/12/29 PHP
由浅到深了解JavaScript类
2006/09/08 Javascript
BOOTSTRAP时间控件显示在模态框下面的bug修复
2015/02/05 Javascript
javascript学习指南之回调问题
2016/04/23 Javascript
jQuery焦点图轮播插件KinSlideshow用法分析
2016/06/08 Javascript
Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记
2016/07/08 Javascript
JS对象深度克隆实例分析
2017/03/16 Javascript
Angular自定义组件实现数据双向数据绑定的实例
2017/12/11 Javascript
微信小程序实现滚动消息通知
2018/02/02 Javascript
jsonp跨域获取数据的基础教程
2018/07/01 Javascript
vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法
2019/04/17 Javascript
Python中atexit模块的基本使用示例
2015/07/08 Python
python实现大文本文件分割
2019/07/22 Python
Python tkinter常用操作代码实例
2020/01/03 Python
pycharm无法导入本地模块的解决方式
2020/02/12 Python
python3将变量写入SQL语句的实现方式
2020/03/02 Python
ReVive利维肤美国官网:RéVive Skincare
2018/04/18 全球购物
Foot Locker澳洲官网:美国运动服和鞋类零售商
2019/10/11 全球购物
JAVA和C++的区别
2013/10/06 面试题
Linux如何为某个操作添加别名
2015/02/05 面试题
会计电算化应届生求职信
2013/11/03 职场文书
建筑文秘专业个人求职信范文
2013/12/28 职场文书
早读迟到检讨书
2014/01/24 职场文书
会计专业导师推荐信
2014/03/08 职场文书
标准单位租车协议书
2014/09/23 职场文书
房屋财产继承协议书范本
2014/11/03 职场文书
2014年前台文员工作总结
2014/12/08 职场文书
高中生社会实践心得体会
2016/01/14 职场文书
毕业生的自我鉴定表范文
2019/05/16 职场文书
python微信智能AI机器人实现多种支付方式
2022/04/12 Python