当前位置:首页 > 技术 > 正文内容

Promise异步请求变成同步

Lotus2022-12-08 13:28技术

最近在写CRMEB OA管理系统的客户列表模块有个需求,保存客户并继续添加合同和保存合同并继续添加付款记录,这个页面跳转简单,但是比较难的是调接口后拿着接口返回的数据要同步到下一个页面,这一部分当时写的时候遇到的问题主要是:保存成功后页面已经跳转到下一个,但是保存接口返的客户id在下一个页面一直打印不出来,打印值为undefined。最后想了一下就是异步和同步的问题。使用Promise完美解决。

1. Promise是一个容器,保存着某个未来才会结束的事件(异步操作)的结果。

Promise异步请求变成同步_页面跳转

2. Promise有三种状态:pending(进行时),fulfilled(成功)和reJect(失败),只有异步操作的结果可以改变promise的状态,一旦promise从pending状态转化为fulfilled和reJect后就不会再改变。

Promise异步请求变成同步_页面跳转_02

3. 使用:

Const promise  = new Promie(function (resolve,reject){
If(/* 异步操作成功*/){
resolve(value)
} else{
reject(value)
}
})

4. 项目中使用

// 提交
handleConfirm() {
// 请求的时候调用Promise
return new Promise((resolve, reject) => {
this.$refs.form.validate((valid) => {
if (valid) {
const data = {
eid: this.formInfo.id
};
this.clientContractSave(data);
resolve(valid);
}
});
});
},

// 调用的方法的时候
this.$refs.contractInfo.handleConfirm().then(() => {
// 调用接口.then()
}

这样子就会把异步变成同步,在开发中如果还有疑问可以在下方留言。

原文链接

扫描二维码推送至手机访问。

版权声明:本文来源于网络,仅供学习,如侵权请联系站长删除。

本文链接:https://news.layui.org.cn/post/1109.html

分享给朋友:

“Promise异步请求变成同步” 的相关文章

初始多线程

初始多线程 一、基本概念 1.1 应用程序 以 Windows 为例,一个拓展名为 .exe 的文件就是一个应用程序,应用程序是能够双击运行的。 1.2 进程 应用程序运行起来就创建了一个进程,即进程就是运行起来的应用程序;如电脑上运行的 Edge、Typora、PotPlayer 等。 进程的特点: 一个进程至少包含一个线程(主线程,main)。 可以包含多个线程(主线程+若干子线程)。 所...

【Spring boot】启动过程源码分析

启动过程结论 推测web应用类型。 spi的方式获取BootstrapRegistryInitializer、ApplicationContextInitializer、ApplicationContextInitializer对象。 通过调用栈推测出main()方法所在的类。 调用启动方法:run(String... args)。后面的步骤在这个方法内部! 触发SpringApplicatio...

激活数据价值,探究DataOps下的数据架构及其实践丨DTVision开发治理篇

据中国信通院发布,2012 年到 2021 年 10 年间,我国数字经济规模由 12 万亿元增长到 45.5 万亿元,在整个 GDP 中的比重由 21.6% 提升至 39.8%。顺应时代发展新趋势,“数据” 成为新的生产要素已是毋庸置疑的共识。 如果说数据中台的崛起代表着企业数字化转型从流程驱动走向数据驱动,从数字化走向智能化。那么 DataOps,则是实现数据中台的一个优秀的理念或方法论。 D...

【C语言练习_2】用C语言实现凯撒密码加密解密

1.凯撒密码简介 又叫循环移位密码.它的加密方法是将明文中的每个字母用此字符在字母表中后面第k个字母替代.它的加密过程可以表示为下面的函数:E(m)=m+k(mod n) 其中:m为明文字母在字母表中的位置数;n为字母表中的字母个数;k为密钥;E(m)为密文字母在字母表中对应的位置数. 2.代码 #include <stdio.h>#include <string.h>...

多功能手持VH501TC采集仪如何设置振弦传感器的激励方法和激励电压

河北稳控科技多功能手持VH501TC采集仪如何设置振弦传感器的激励方法和激励电压 VH501TC 提供多种振弦传感器激励方法,以最大限度兼容所有厂家和型号的振弦传感器。 振弦传感器激励方法参数位于实时数据窗口右侧,共有 5 种方法可选,分别用 MODTH0~MODTH4 表示。各方法说明如下: 激励电压数据在屏幕上显示为 xxx/xxx 的形式,其中前面的数字表示实际的激励电压,后面的数字...

【大话云原生】负载均衡篇-小饭馆客流量变大了

文章开始之前,我给大家推荐一个人工智能学习网站,首先说我之前是完全不涉及人工智能领域的,但是我尽然看懂了,以后老哥我就要参与人工智能了。如果你也想学习,点击跳转到网站 一、前言 这是《大话云原生》系列的第二篇,第一篇《煮饺子与docker、kubernetes之间的关系》推出之后受到大家的欢迎,很多朋友联系到我给我加油打气,感谢!我会继续写下去! 书接上回介绍了《煮饺子与docker、kubern...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。