ajax异步请求执行顺序问题

在JavaScript中，使用AJAX进行异步请求时，可以通过Promise对象来管理执行顺序。以下是一个使用fetch API和Promise的例子，它展示了如何按顺序执行AJAX请求：

// 模拟的异步请求函数
function asyncRequest(url) {
  return fetch(url).then(response => response.json());
}
 
// 执行顺序
async function executeSequentially() {
  const url1 = 'https://api.example.com/data1';
  const url2 = 'https://api.example.com/data2';
  
  // 第一个请求
  const data1 = await asyncRequest(url1);
  console.log('第一个请求的数据:', data1);
  
  // 第二个请求
  const data2 = await asyncRequest(url2);
  console.log('第二个请求的数据:', data2);
  
  // 这里可以执行依赖于上述请求结果的代码
}
 
// 执行
executeSequentially();

在这个例子中，asyncRequest函数返回一个Promise，这样我们可以使用await关键字按顺序等待每个请求完成。每个await会暂停当前async函数的执行，直到Promise解决，这确保了请求会按照代码中的顺序执行。