链式调用使用方法

最新推荐文章于 2024-09-14 18:52:56 发布

星屿H

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量107

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_48294048/article/details/130381849

版权

文章介绍了在JavaScript中进行API调用时的两种链式调用方法。方法一是直接在then中嵌套调用getIfVote接口，依赖上一个接口的返回值；方法二是将第二个调用封装到单独的方法getIfVoteData中，传入所需参数，保持代码结构清晰。

摘要由CSDN通过智能技术生成

链式调用（一个方法里调用多个接口 getUserInfo、getIfVote接口名称）

注:如果一个接口的参数需要再上一个接口中获取可以使用上述方法也可以用下边的方法

方法一：

   getUserInfoData() {
      getUserInfo({})
        .then((res) => {
          console.log(res);
          if (res.status == 200) {
            console.log(res, "============>>>1");
            _this.userInfo = res.data.data ? res.data.data : {};
          }
          return getIfVote({ userId: res.data.data.id });
        })
        .then((res) => {
          if (res.status == 200) {
            console.log(res, "=================2");
            if (res.data == false) {
              _this.isShow = true;
            } else {
              _this.isFalse = true;
            }
          }
        });
}

方法二：

getUserInfoData() {
      getUserInfo({}).then((res) => {
        console.log(res);
        if (res.status == 200) {
          console.log(res, "============>>>1");
          _this.userInfo = res.data.data ? res.data.data : {};
          _this.getIfVoteData(_this.userInfo.id);
        }
      });
    },

 getIfVoteData(userId) {
      getIfVote({ userId }).then((res) => {
        if (res.status == 200) {
          console.log(res, "=================2");
          if (res.data == false) {
            _this.isShow = true;
            _this.getDataList();
          } else {
            _this.isFalse = true;
            _this.getVoteStatisticsNumber(userId);
          }
        }
      });
    },