如何在 JavaScript 中将 id 从另一个 const 传递给另一个 const？

Question

我有 2 个用于读取数据的 Get API I。我使用的第一个 API 是读取学生详细信息。在这个学生详细信息中，我需要从第二个 API 读取 ID 并在第一个 API 中显示数据

第一个 API 是 getDetails 第二个 API 是 getClass

我想在获得类名后将e.student_class_id 传递给getClass 我将在getDetails 处传回类名

const getDetails= (infoID) =>
    {
        axios.get(`${apiInfo}student/getDetails?student_id=${infoID}`)
        .then(function (response) { 
            if(response.data.status == 'success')
            {
                
                e = response.data.result;

                //passing this e.student_class_id;
                $('#tabClassName').html(`<div class="col-xl-12 row">
                                            <div class="col-xl-6">
                                                <h6>Class details</h6>
                                                <p>Class :<span class="item"> //and pass the class name here ? </span></p>
                                            </div>
                                        </div>
                                        `);
            }
        });
    }

    const getClass= () =>
    {
        axios.get(`${apiInfo}getClass`)
        .then(function (res) { 
            if(res.data.status == 'success')
                 {
                    res.data.result.map((e) =>{
                         if(e.id == 'how do I pass it the e.student_class_id here ?'){
                             // return``;
                            console.log(e.class_name);
                         }
                    });
            }
        });
    }

Answer 1

你必须经过几个步骤。

首先你需要在then方法中返回e.student_class_id。

其次，您需要返回整个 "axios.get..." 链。

通过这样做，您的 getDetails 会返回一个承诺，该承诺会解析为“e.student_class_id”。

    const getDetails = (infoID) => {
  return axios
    .get(`${apiInfo}student/getDetails?student_id=${infoID}`)
    .then(function (response) {
      if (response.data.status == "success") {
        e = response.data.result;

        //passing this e.student_class_id;
        $("#tabClassName").html(`<div class="col-xl-12 row">
                                        <div class="col-xl-6">
                                            <h6>Class details</h6>
                                            <p>Class :<span class="item"> //and pass the class name here ? </span></p>
                                        </div>
                                    </div>
                                    `);
        return e.student_class_id;
      }
    });
};

结果会是这样的：

getDetail(1233).then(result=>.... // result is e.student_class_id

我们还需要编辑getClass函数。

首先它必须接受类参数。

那么，如果你想在其他地方使用你在getClass中得到的数据，你必须在then方法中返回那个值，你需要返回axios.get。就像getDetail一样：

          const getClass = (classId) => {
  return axios.get(`${apiInfo}getClass`).then(function (res) {
    if (res.data.status == "success") {
      res.data.result.map((e) => {
        if (e.id == "how do I pass it the e.student_class_id here ?") {
          // return``;
          console.log(e.class_name);
        }
      });
    }
    return res; // or anything else that you may need
  });
};

终于可以使用这些功能了

getDetails(123123).then(classId=>getClassId(classId)).then(dataFrom2ndApi=>...)