小程序异步问题

test: function () {

let param = {

Channel: "H5",

ProductId: this.productId,

Version: 70100

};

console.log(2);

let url = "xxxxx";

return new Promise((resolve, reject) => {

cwx.request({

url: url,

data: param,

header: {

‘content-type‘: ‘application/json‘

},

method: ‘POST‘,

success: function (res) {

console.log(3);

resolve(res);

},

fail: function (ex) {

reject(ex);

}

})

});

},

onShow: function(){

console.log(1);

this.test()

.then((res)=>{

console.log(4);

})

.catch((ex)=>{

//异常处理

})

},

原文地址:https://www.cnblogs.com/-jianjian/p/11345825.html

时间: 2024-11-02 09:46:23

小程序异步问题的相关文章

把微信小程序异步API为Promise,简化异步编程

把微信小程序异步API转化为Promise.用Promise处理异步操作有多方便,谁用谁知道. 微信官方没有给出Promise API来处理异步操作,而官方API异步的又非常多,这使得多异步编程会层层回调,代码一复杂,回调起来就想砸电脑. 于是写了一个通用工具,把微信官方的异步API转化为Promise,方便处理(多)异步操作. 你可以这样用: 准备转化后的方法并暴露出 // /utils/wx-promise.js import toPromise from '/module/to-promi

微信小程序异步处理

直接看问题: 然后看打印的结果: 根据上面两图可以看出,代码上先执行的网络请求,再执行打印的变量,但是从下面打印的结果来看,先出结果的是执行打印变量的函数(aafn函数),再打印出网络请求success的回调里返回的数据和赋值后的变量的值: 为什么先执行的aafn,并且打印的值没有赋值上? 因为wx.request是一个异步的请求,所以数据请求的同时,可以继续向下执行函数.所以这里值还没有赋值上就开始打印了变量的值: 这种情况,怎么解决呢? 方法一:  嵌套 在wx.request的succes

小程序异步处理demo计时器setInterval()

实现一个计时器/秒 其实就是要求对某字段每秒执行一次更新 这里用到了官方给的定时器 官方API 每秒刷新一次,所以用setInterval()方法 下面给出关键代码: 由于无关代码过多,这里尽可能贴出相关代码,但不能独立运行,关键方法已注释,使用相当简单 /** * 是否已经呼出 * 控制状态和定时器 */ var help = false; /** * 分 */ var sec = 0; /** * 秒 */ var min = 0; /** * 定时器id * 关闭时要用 */ var ti

微信小程序学习指南

作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 微信小程序正式公测, 张小龙全面阐述小程序,定档1月9日上线(附90分钟演讲全文) ... 前言:新人第一坑,跳坑指南:修改后,必须保存:ctrl+S: 1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教

在微信小程序中使用redux

本文主要讲述,在微信小程序中如何使用redux DEMO 需要解决的问题 如何在小程序中引入redux状态管理库,及它相关的插件? 微信小程序没有清晰的异步api,便于thunkMiddleware处理异步请求(异步操作),如何解决? 如何正确使用store的三大核心方法(getStore dispatch subscribe)? redux并不是react专属,所以他可以在任何地方使用,小程序也不例外.解决上面三个问题就可以了. 问题一: 如何在小程序中引入redux状态管理库,及它相关的插件

微信小程序捕获async/await函数异常实践

背景 我们的小程序项目的构建是与web项目保持一致的,完全使用webpack的生态来构建,没有使用小程序自带的构建功能,那么就需要我们配置代码转换的babel插件如Promise.Proxy等:另外,项目中涉及到异步的功能我们统一使用async/await来处理.我们知道,小程序的onError 生命周期只能捕获同步错误,而完全不采用小程序自带构建工具的情况下,开发模式下遇到的问题: 小程序异步代码中的异常onError无法捕获,开发者工具控制台也没有抛出异常信息 这样在开发过程中页面展示异常,

小程序:随时随地获取 GitHub 热门项目榜单

最近做了一个很简单的微信小程序:GitHub Trending,很适合用于在做地铁.吃饭等零碎时间场景下去了解最新的 GitHub 热门项目,发现好项目. 项目地址 本项目完全开源,GitHub 地址 :https://github.com/jae-jae/weapp-github-trending 截图 技术栈 Min Cli: 小程序开发框架,类 VUE MinUI: 小程序 UI 组件库 es6-promise:提供 Promise 支持 wx-promise-request:小程序异步网

微信小程序正确的异步request请求,根据经纬度获取地理位置信息

微信小程序的所有request请求都是异步的,不支持同步.但是在请求时可能会耗费一定时间,这样的话在获取返回数据时可能方法还没有执行完就已经进行赋值操作了.我遇到的就是拿到的数据为undefined. 解决办法,使用回调函数,等操作完成后再更改原来的值. 贴代码:(这是根据经纬度获取地理位置的一个方法) function GetAddress(latitude, longtitude, callback, errorCallback) { var geturl = 'https://api.ma

微信小程序使用promise封装异步请求

一:开发了一段时间的微信小程序,发现里面的API都是这样的: wx.showModal({ title: '提示', content: '这是一个模态弹窗', success: function(res) { if (res.confirm) { console.log('用户点击确定') } else if (res.cancel) { console.log('用户点击取消') } } }) 如果代码多了逻辑多了,就会出现所谓的回调地狱. wx.showModal({ title: '提示'