如何处理两个不同的ajax放在不同的脚本标签中？

<script>
  function handleFirstAjaxResponse(response) {
    // 处理第一个 AJAX 请求的响应数据
  }

  function handleSecondAjaxResponse(response) {
    // 处理第二个 AJAX 请求的响应数据
  }

  function makeFirstAjaxRequest() {
    // 发起第一个 AJAX 请求
    $.ajax({
      url: 'first-url',
      success: handleFirstAjaxResponse
    });
  }

  function makeSecondAjaxRequest() {
    // 发起第二个 AJAX 请求
    $.ajax({
      url: 'second-url',
      success: handleSecondAjaxResponse
    });
  }
</script>

<script>
  makeFirstAjaxRequest();
</script>

<script>
  makeSecondAjaxRequest();
</script>

<script>
  function makeFirstAjaxRequest() {
    // 返回一个 Promise 对象，表示第一个 AJAX 请求
    return new Promise(function(resolve, reject) {
      $.ajax({
        url: 'first-url',
        success: resolve,
        error: reject
      });
    });
  }

  function makeSecondAjaxRequest() {
    // 返回一个 Promise 对象，表示第二个 AJAX 请求
    return new Promise(function(resolve, reject) {
      $.ajax({
        url: 'second-url',
        success: resolve,
        error: reject
      });
    });
  }
</script>

<script>
  makeFirstAjaxRequest()
    .then(function(response) {
      // 处理第一个 AJAX 请求的响应数据
    })
    .then(makeSecondAjaxRequest)
    .then(function(response) {
      // 处理第二个 AJAX 请求的响应数据
    })
    .catch(function(error) {
      // 处理错误情况
    });
</script>

<script>
  async function makeFirstAjaxRequest() {
    // 发起第一个 AJAX 请求
    const response = await $.ajax('first-url');
    // 处理第一个 AJAX 请求的响应数据
  }

  async function makeSecondAjaxRequest() {
    // 发起第二个 AJAX 请求
    const response = await $.ajax('second-url');
    // 处理第二个 AJAX 请求的响应数据
  }
</script>

<script>
  (async function() {
    try {
      await makeFirstAjaxRequest();
      await makeSecondAjaxRequest();
    } catch (error) {
      // 处理错误情况
    }
  })();
</script>