小程序回调函数success fail complete 以及Promise风格调用

小程序中的三种回调函数,success fail complete ,success在成功时执行,fail在失败时执行,而complete无论怎样都是执行!

test云函数下的index.js

// 云函数入口文件
// const cloud = require(‘wx-server-sdk‘)

// cloud.init()

// 云函数入口函数
exports.main = async (event, context) => {
 // sum: event.a + event.b

 let{a,b,userInfo} = event;
//  return a+b;
  return userInfo;
}

pages页面下的page_01.js

onLoad: function (options) {
    wx.cloud.callFunction({
      name:"test",
      data:{
        a:10,
        b:20
      },
      success(res){
        console.log("success",res);
      },
      fail(res){
        console.log("fail",res)
      },
      complete(res){
        console.log("complete",res)
      }
    })

  },

执行时会看到complete无论success还是fail都会一起执行

上面是中规中矩的回调函数的使用,还有一种promise风格的写法,就是不写上面的那些success fail complete的回调函数,写法如下

onLoad: function (options) {
    wx.cloud.callFunction({
      name:"test",
      data:{
        a:10,
        b:20
      },
    }).then(res=>{
      console.log(res)
    }).catch(res=>{
      console.log(res)
    })

  },

catch是执行错误时的操作,当然,console.log可以自定输出的内容,

这是promise下的错误输出

这是success输出

原文地址:https://www.cnblogs.com/Guhongying/p/10822948.html

时间: 2024-08-29 22:37:52

小程序回调函数success fail complete 以及Promise风格调用的相关文章

jquery Ajax 不执行回调函数success的原因

jquery Ajax 不执行回调函数success的原因: $.ajax({ type: "post", contentType: "application/json", url: basePath+"pages/Tongji/disposeAgree.action?cepingitem="+cepingitem+"&userrelation="+userrelation, //data: {fenshu:8},da

小程序云函数的高级玩法-路由

一般情况下,一个云函数完成单一的逻辑功能,就是一个类的方法一样,如图: 但是受限免费用户最多只能使用20个云函数,想要在单一云函数中实现多个复杂的功能就需要通过参数来区别,可读性差,不利于管理.通过路由,尝试将请求归类,一个云函数处理某一类的请求,比如有专门负责处理用户的,或者专门处理支付的云函数.如图: 为了方便大家试用,腾讯云 Tencent Cloud Base 团队开发了 tcb-router,云函数路由管理库方便大家使用. 基于 koa 风格的小程序·云开发云函数轻量级类路由库,主要用

微信小程序 onLoad 函数

小程序注册完成后,加载页面,触发onLoad方法. 页面载入后触发onShow方法,显示页面. 首次显示页面,会触发onReady方法,渲染页面元素和样式,一个页面只会调用一次. 当小程序后台运行或跳转到其他页面时,触发onHide方法. 当小程序有后台进入到前台运行或重新进入页面时,触发onShow方法. 当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack(),触发onUnload 例如: 我们定义了一个方法: 功能是:当用户打开这个

如何使用微信小程序云函数发送短信验证码

其实微信小程序前端和云端都是可以调用短信平台接口发送短信的,使用云端云函数的好处是无需配置域名,也没有个数限制. 本文使用的是榛子云短信平台(http://smsow.zhenzikj.com) ,SDK下载: http://smsow.zhenzikj.com/doc/sdk.html 1. 安装下载后的SDK在cloudfunctions文件夹下会包含3个云函数文件夹,如下: 由于目前IDE没有云函数导入功能,您需要手工创建同名的云函数,然后将云函数下的文件手工拷进去 注:下载的SDK是一个

小程序报错request:fail ssl hand shake error 安卓请求不到返回苹果手机可以

小程序服务器配置wx.request请求,苹果手机可以接收到返回,安卓手机接收不到返回信息,有时候是 报错request:fail ssl hand shake error. 解决步骤: 1.先检查服务器证书是否配置好,我的服务器是apache的,证书是腾讯云免费申请的,把下载到的三个证书放到服务器上面,修改配置文件(https.conf?),由于我使用的是宝塔的面板,所以也不清楚他是配置的哪个文件: 配置如下: SSLCertificateFile /www/wwwroot/xcxcert/2

Vant Weapp小程序蹲坑之navigateTo:fail page not found

问题 当前调试的小程序中使用了wx.navigateTo导航方案,运行中出现如题所示错误.初步感觉这种提示再直观不过,但是由于工具使用经验不足,还免不了"浪费"一些时间去搜索问题的根源. 解答 在确定页面及路径的确存在且表达无误后,只好把注意力转移到其他几个相关文件的表达上.已知:在mpvue+vant weapp方案下,一个典型的小程序页面典型包括三个文件,如下图所示: 对比几个已经调试通过的页面文件,我打开了图中所示的本页面配置文件main.json,发现内容如下: { "

微信小程序之全局变量(globalData)的定义和调用

一.在小程序文件app.js里面定义全局变量 二.在页面上使用或修改 在页面中引入 调用全局变量值 改变全局变量值 原文地址:https://www.cnblogs.com/jessie-xian/p/11572030.html

微信小程序 功能函数 分享

//wxml <button open-type="share" style=' <view class='btn-img'> <image class='image-full' src='../../imgs/index/tab5.png'></image> </view> <view>分享</view> </button> //js /** * 用户点击右上角分享 */ onShareAppM

微信小程序使用函数的三种方法

使用来自不同页面的函数 函数写在util.js页面 function formatTime(date) { var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var hour = date.getHours() var minute = date.getMinutes() var second = date.getSeconds() return [year, month,