axios、ajax请求如何顺序执行

在JavaScript中，使用axios或其他AJAX库发送请求时，可以通过链式调用（使用.then()）来实现请求的顺序执行。以下是使用axios顺序执行请求的示例代码：

// 第一个请求
axios.get('https://api.example.com/data1')
  .then(response1 => {
    console.log('第一个请求的响应:', response1);
    // 基于第一个请求的结果进行第二个请求
    return axios.get('https://api.example.com/data2', {
      params: { key: response1.data.someKey }
    });
  })
  .then(response2 => {
    console.log('第二个请求的响应:', response2);
    // 基于第二个请求的结果继续第三个请求
    return axios.get('https://api.example.com/data3', {
      params: { key: response2.data.someKey }
    });
  })
  .then(response3 => {
    console.log('第三个请求的响应:', response3);
    // 处理最后一个请求的结果
  })
  .catch(error => {
    // 处理所有请求中的错误
    console.error('请求出错:', error);
  });

在这个例子中，每一个请求都是在上一个请求完成并且成功返回后才会发送。如果任何一个请求失败，错误会被传递到最后的.catch()块中，在这里可以集中处理错误。