本文介绍: 这时候就需要控制请求执行顺序这里我提供一种方法实现请求顺序控制,我认为这个方法写起来是最简单最容易理解的。我们有时候会碰到这种情况,需要连续发送两个请求第二个请求需要第一个请求的某个返回值作为参数来作为第二个请求的请求参数。首先是正常发送一次请求,然后在第一次请求的回调函数then中,写一句return发送第二次请求。但是存在一个问题两个请求都是异步的,他并不按照我们期望的先后顺序执行。再.then,这里返回结果就是第二次请求的结果。这样我们就实现两个请求的顺序执行

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

书写格式
首先是正常发送一次请求,然后在第一次请求的回调函数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;
        }

      })

原文地址:https://blog.csdn.net/Keep__Me/article/details/134373635

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_21692.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注