前端同时调用多个接口的示例分析

news/2024/12/23 8:11:33/文章来源:https://www.cnblogs.com/ZzwWan/p/18622977

1有时候我们在做一个事的,比如获取班,要请多多个接口,然后汇总数据。

2还有些候, 我们 提交一个接口的时候还要上传前端数据,保存这些数据都传到后端,最后报告成果,

1,同时多次提示例,最后报结果

viewFn(row) {const timeRange = `${row.begin_time},${row.end_time}`;this.request({url: "/classReportDetails/platForm",params: {createTime: timeRange,}}).then(resp1 => {// 第一个请求成功后,调用第二个请求,并等待其完成return this.getCurrentOil(row).then(resp2 => {// 合并两个请求的响应(根据实际需求调整)return { resp1, resp2 };});}).then(({ resp1, resp2 }) => {// 更新状态时使用正确的响应数据this.statList = resp1;this.contWorkProduct = resp2;this.takeOverDialobView = true; // 确保这个变量控制弹出层的显示}).catch(error => {console.error("Error:", error);});
},getCurrentOil(row) {console.log("zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz", row);return this.request({url: '/omark/history_work_seq',params: {work_seq: row.work_seq,}}).then(resp => {this.contWorkProduct = resp;return resp; // 返回响应以便在 viewFn 中使用});
},

 第二,周时上传数据到后端报结果

// 交班事件三个请求一起发送async wordend(event) {if (typeof(Storage) === "undefined") {alert("你的浏览器不支持本地储存,请连系电脑管理者");return;}let localUserId = localStorage.getItem('userId');localUserId = localUserId ? localUserId.toString() : '';const adminId = this.start_init.begin_admin_id.toString();let isSameId = localUserId === adminId;if (!isSameId && event.key !== 'a') {alert("当前接班人的账号不是同一个人,需要授权");return;}this.message.confirm(`交班人:${this.start_init.begin_user_name},确定要交班吗?`, async () => {try {await Promise.all([this.resultsOilview(), // 并行请求保存全平台汇总信息this.saveOilSales()   // 并行请求保存油品汇总信息]);await this.request({ url:'/cashierModule/endWork', params: { id: this.start_init.id } });this.$store.dispatch('ws/destroyedSYT');location.reload();} catch (error) {console.error("请求失败:", error);this.message.error("请求失败,请重试");}});},async resultsOilview() {try {await this.request({ url:'/omark/saveResults' });console.log("全平台汇总信息保存成功");} catch (error) {console.error("全平台汇总信息保存失败", error);this.message.error("全平台汇总信息保存失败");}},async saveOilSales() {try {await this.request({url:'/omark/saveOilSales',method: 'POST',data: {"oil": JSON.stringify(this.oilSaleSummary)}});this.message.success("油品汇总信息保存成功");} catch (error) {console.error("油品和销售平台和第三方的汇总信息保存失败", error);this.message.error("油品汇总信息保存失败");}},

  

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/857289.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Windows Server 2025 OVF (2024 年 12 月更新) - VMware 虚拟机模板

Windows Server 2025 OVF (2024 年 12 月更新) - VMware 虚拟机模板Windows Server 2025 OVF (2024 年 12 月更新) - VMware 虚拟机模板 Windows Server 2025 Datacenter x64 OVF, updated Dec 2024 (sysin) 请访问原文链接:https://sysin.org/blog/windows-server-2025-ovf/ …

Windows Server 2025 中文版、英文版下载 (2024 年 12 月更新)

Windows Server 2025 中文版、英文版下载 (2024 年 12 月更新)Windows Server 2025 中文版、英文版下载 (2024 年 12 月更新) Windows Server 2025 LTSC x64 (updated Dec 2024) 请访问原文链接:https://sysin.org/blog/windows-server-2025/ 查看最新版。原创作品,转载请保留…

Windows 11 24H2 中文版、英文版 (x64、ARM64) 下载 (2024 年 12 月更新)

Windows 11 24H2 中文版、英文版 (x64、ARM64) 下载 (2024 年 12 月更新)Windows 11 24H2 中文版、英文版 (x64、ARM64) 下载 (2024 年 12 月更新) Windows 11, version 24H2 Enterprise Arm64 x64 (updated Dec 2024) 请访问原文链接:https://sysin.org/blog/windows-11/ 查看…

C#字符串拼接的几种方式及其性能分析对比

前言 在C#编程中字符串拼接是一种常见且基础的操作,广泛应用于各种场景,如动态生成SQL查询、构建日志信息、格式化用户显示内容等。然而,不同的字符串拼接方式在性能和内存使用上可能存在显著差异。今天咱们一起来看看在C#中字符串拼接的常见6种方式及其使用BenchmarkDotNet…

dotnet 简单使用 ICU 库进行分词和分行

本文将和大家介绍如何使用 ICU 库进行文本的分词和分行按照 dotnet 的惯例,先使用 NuGet 安装大佬封装好的 ICU 库,我这里选择的是 icu.net 库和 Microsoft.ICU.ICU4C.Runtime 库。其中 icu.net 库提供 ICU 的 dotnet 层封装,让咱上层 C# 代码可以方便调用。而 Microsoft.IC…

读图数据库实战笔记11读后总结与感想兼导读

读后总结与感想1. 基本信息 图数据库实战[ [美] 戴夫贝克伯杰(Dave Bechberger) (美) 乔希佩里曼著人民邮电出版社,2021年10月出版1.1. 读薄率 书籍总字数413千字,笔记总字数30938字。 读薄率30938413000≈7.49% 1.2. 读厚方向Data Mesh权威指南数据的边界:隐私与个人数据保护…

12.16 ~ 12.22

菜12.16 回归 OI 第一天。 打多校的模拟赛。 3 题 4.5h,已经是省选模拟了 T1 一眼可反悔贪心好像还是道原,于是在场上与 T1 大战 3h 遗憾离场 后边两题直接敲暴力了 T3 还是个构造,这下一点不会了 然后 T1 的 DP 出了点小锅,在新 OJ 绑包以及选手可以自行加点的情况下取得了…

给销售人

许多人不懂的是:销售最大的收获不是提成多少,不是升职,不是增加了炫耀的资本,不是完成任务,销售最大的收获是:你生活中多了一个信任你的人! 销售最大的敌人 不是对手,不是价格太高,不是拒绝你的客户,不是公司制度,不是产品不好,最大的敌人是:你的抱怨!你的借口!…

pve系统all in one 搭建

成功安装系统,硬件不支持8.x的pve 使用5.1 后续可以更新 换源 在更新软件包时出错因为 Proxmox 的 Ceph Quincy 源未正确导入公钥,导致系统无法验证其软件包的签名。重新更新成功 安装最新配置 过程中顺便加了一个pcie x1 转1g的网卡,不知是否需要驱动。使用的时候再看吧 不…

使用ollama+llama3.1+open-webui搭一个本地的模型

1、先安装我们的ollama 1.1、官网地址:https://ollama.com/ 选择合适的版本,我的是window版本,点击下载,不用填邮箱。1.2、开始安装,选择默认就可以1.3、安装完毕:cmd输入:ollama2、安装模型:llama3.1 2.1:找到模型 2.2复制下载2.3、命令行下载: 2.4、下载完毕就进入对…

windows修改mac 地址

参考 https://blog.csdn.net/u012559967/article/details/134768073 win11确认可行 (另外一种修改注册表,暂未确认) 网络适配器中配置 网络适配器中配置的方式适用于能够在网络适配器中找到物理地址(NetworkAddress)的情况。 1、打开控制面板 > 网络和共享中心 > 更改…

MADDPG算法

MADDPG算法 论文名称:《Multi-Agent Actor-Critic for Mixed Cooperative-Competitive Environments》 一、基本问题 MADDPG是一篇经典的多智能体强化学习算法。在MADDPG以前,多智能体强化学习算法主要为独立学习技术。独立学习技术 独立学习技术就是在环境中对于每一个智能体…