Ajax异步请求(不等待,继续执行)

news/2024/10/29 7:17:20/

案例:

1、问题:

以下代码中,if 和 else里面都有以下两句话,能不能把这两句话放在else之后执行?

//关闭对话框
this.dialogFormVisible = false;
//刷新数据
this.list();
save() {//修改和新增显示的是同一个表单,点击确定会触发同一个方法//所有这里需要判断是 修改还是新增if (this.form.id){//修改时会把id传给表单//是修改request.post('api/furn/updata', this.form).then(res => {console.log(res);if (res.code==200){//弹出消息框this.$message({message: '修改成功',type: 'success',});}else if (res.code == 400) {//弹出消息框this.$message.error('修改失败');}//关闭对话框this.dialogFormVisible = false;//刷新数据this.list();})}else {request.post('api/furn/save', this.form).then(response => {console.log(response);//关闭对话框this.dialogFormVisible = false;//刷新数据this.list();})}}

2、答案是:

不能,这样做的后果是,修改数据后,页面得到的数据不是最新的。不是调用了list()方法刷新数据吗,为什么得到的数据不是修改之后的呢?
因为这里本质上使用的是Ajax异步请求,如果将上面的两条语句放在else之后。因为是异步请求,所有不会等Ajax请求执行完 才往下执行list()方法,也就是说,在还没修改好数据时,就执行了list()方法,所有得到的数据不是最新的。


http://www.ppmy.cn/news/1134472.html

相关文章

最新SparkAI创作系统V2.6.2/ChatGPT网站系统H5源码+微信公众号版+AI绘画系统源码/支持GPT联网提问/支持Prompt应用

一、AI创作系统 SparkAi创作系统是基于国外很火的ChatGPT进行开发的AI智能问答系统和AI绘画系统。本期针对源码系统整体测试下来非常完美,可以说SparkAi是目前国内一款的ChatGPT对接OpenAI软件系统。那么如何搭建部署AI创作ChatGPT?小编这里写一个详细图…

ArduPilot开源代码之AP_RangeFinder

ArduPilot开源代码之AP_RangeFinder 1. 源由2. 框架设计2.1 启动代码2.2 任务代码 3. 重要例程3.1 状态更新3.2 传感设备检测 4. 总结5. 参考资料 1. 源由 AP_RangeFinder的应用的主要用途是用于测量对地距离的,这个与大家通常理解的障碍物避障还是有比较大的差异的…

2169 -- 最大公约数题解

问题描述 Description 给定一个长为 �n 的正整数序列 �a,和一个正整数 �k。求出: max⁡i−j≥kmax​{gcd(ai​,aj​)} Input 第一行两个正整数 �n 和 �k; 第二行 �n 个正整数表示序列 �a。 Output 一行一个正整数,表示答案。 Sample Input 5 2 2 6 6 3 5 S…

监狱工具管理系统-监狱劳动工具管理系统

监狱劳动工具管理系统(智工具DW-S308)是依托互3D技术、云计算、大数据、RFID技术、数据库技术、AI、视频分析技术对工具进行统一管理、分析的信息化、智能化、规范化的系统。 当前各级监狱工器具管理更多的是借助于传统的人工管理方法和手段,数据的采集和录入一直以…

【Windows】composer安装与设置

1、到官网下载 composer.phar。下载地址:Composer 2、将下载的composer.phar 复制到 composer 文件夹中 3、在composer文件夹中新建文件 composer.bat,内容为 php "%~dp0composer.phar" %* 5、设置环境变量的path,添加composer文件夹

Vue10 键盘事件

推荐,参考 1.Vue中常用的按键别名: 回车 > enter 删除 > delete (捕获“删除”和“退格”键) 退出 > esc 空格 > space 换行 > tab (特殊,必须配合keydown去使用) 上 > up 下 > down 左 > left 右 > right 2.Vue…

接着聊聊如何从binlog文件恢复误delete的数据,模拟Oracle的闪回功能

看腻了文章就来听听视频演示吧:https://www.bilibili.com/video/BV1cV411A7iU/ delete忘加where条件(模拟Oracle闪回) 操作基本等同于上篇:再来谈谈如何从binlog文件恢复误update的数据,模拟Oracle的回滚功能 原理&a…

CSS基础语法之盒子模型

目录 一、 选择器 1.1 结构伪类选择器 1.1.1基本使用 1.1.2 :nth-child(公式) 1.2 伪元素选择器 二、 PxCook 三、盒子模型 3.1 盒子模型-组成 3.2 边框线 3.2.1四个方向 3.2.2 单方向边框线 3.3 内边距 3.4 尺寸计算 3.5 外边距+版心居中 3.6 清除默认样式 3.7…