当前位置: 首页 > news >正文

vue请求如何按顺序执行

我们有时候会碰到这种情况,需要连续发送两个请求,第二个请求需要用第一个请求的某个返回值作为参数来作为第二个请求的请求参数。
但是存在一个问题:两个请求都是异步的,他并不按照我们期望的先后顺序来执行。
这时候就需要控制请求的执行顺序,这里我提供一种方法来实现请求的顺序控制,我认为这个方法写起来是最简单最容易理解的。(当然其他方法有很多,还有async和await关键字等)

书写格式:
首先是正常发送第一次请求,然后在第一次请求的回调函数then中,写一句return 来发送第二次请求。
再.then,这里的返回结果就是第二次请求的结果。

这样我们就实现了两个请求的顺序执行。

      first().then(response1 => {//第一次请求this.form = response1.data;console.log("第一次请求")//发送第二次请求return second(this.form.Code);}).then(response2 => {console.log("第二次请求")//处理第二次请求返回结果this.queryParams=response2.data})

实际使用示例:

      getLastDataByUnifiedNumber(this.form.unifiedNumber).then(response1 => {//第一次请求查询采样表数据this.form = response1.data;this.form.address = this.form.provinceName + this.form.cityName + this.form.countyName;this.queryParams=this.form;return getListBySamplingCode(this.form.samplingCode);}).then(response2 => {//第二次请求查询测试结果数据this.form2 = response2.rows[0];if(this.form2){this.queryParams.alkaliHydrolyzedNitrogenFirst=this.form2.alkaliHydrolyzedNitrogenFirst;this.queryParams.availablePhosphorusFirst=this.form2.availablePhosphorusFirst;this.queryParams.availableKFirst=this.form2.availableKFirst;this.queryParams.organicMatterFirst=this.form2.organicMatterFirst;}})
http://www.lryc.cn/news/250186.html

相关文章:

  • 【java】编译时bug 项目启动前bug合集
  • Pytorch——多卡GPU训练与单卡GPU训练相互切换
  • Github项目-CNNResnet9-残差神经网络水果多分类项目
  • 学习感悟一己之言
  • 【设计模式-2.3】创建型——原型模式
  • 八大插入算法(有注释)
  • 【2】基于多设计模式下的同步异步日志系统
  • npm管理发布包-创建与发布
  • 基于Spring,SpringMVC,MyBatis的校园二手交易网站
  • 酒店 KPI绩效考核指标及应用
  • WordPress两种方法实现上传媒体图片文件自动重命名
  • TZOJ 1405 An easy problem
  • SpringBoot+mysql+vue实现大学生健康档案管理系统前后端分离
  • CCC联盟数字车钥匙(三)——UWB MAC时间网格同步及Hopping
  • 一周上手 steam搬砖项目或成2024年最受欢迎副业
  • java数据结构(哈希表—HashMap)含LeetCode例题讲解
  • 快速了解ChatGPT(大语言模型)
  • 计算机软件的分类
  • 数据库应用:Ubuntu 20.04 安装MongoDB
  • 服务器配置 jupyter lab,并在本地浏览器免密登陆
  • WebUI自动化学习(Selenium+Python+Pytest框架)002
  • miot-plugin-sdk. npm install安装失败
  • 抓取微信好友列表信息
  • 创建JDK8版本的SpringBoot项目的方法
  • Python【走出棋盘】
  • 软件工程 - 第8章 面向对象建模 - 2 静态建模
  • ESXi vSAN 整合多主机磁盘
  • 手机充电 显示连接耳机 (充电没外放声音) 并且充电速度很慢
  • 前端开发的前世今生
  • CAP概念和三种情况、Redis和分布式事务的权衡