如何让基于回调的Ajax请求实现异步并行执行？

你的代码之所以串行，是因为只有在ajax-a.php请求完成后，才会在回调里发起ajax-b.php的请求，两个请求是先后触发的，自然会串行等待。用回调完全可以实现并行执行，核心思路是同时发起两个Ajax请求，用状态跟踪来判断两者都完成后再合并结果。

具体实现方案 #

我们可以把获取A和获取B的逻辑拆成独立的函数，各自接收回调；然后在主逻辑中同时触发这两个请求，用一个结果容器和计数器来记录请求完成状态，当两个请求都完成时，执行最终的处理逻辑。

修改后的index.html代码如下：

<script>
    // 封装获取A的独立函数
    function getA(callback) {
        const xhr = new XMLHttpRequest();
        xhr.open('GET', './ajax-a.php', true);
        xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
        xhr.onreadystatechange = function() {
            if (xhr.readyState === 4 && xhr.status === 200) {
                callback(xhr.responseText);
            }
        }
        xhr.send();
    }

    // 封装获取B的独立函数
    function getB(callback) {
        const xhr = new XMLHttpRequest();
        xhr.open('GET', './ajax-b.php', true);
        xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
        xhr.onreadystatechange = function() {
            if (xhr.readyState === 4 && xhr.status === 200) {
                callback(xhr.responseText);
            }
        }
        xhr.send();
    }

    // 主逻辑：并行发起请求并合并结果
    function getAandB() {
        const results = {};
        let completedCount = 0;

        // 处理请求完成的通用回调
        function handleResult(key, value) {
            results[key] = value;
            completedCount++;
            // 当两个请求都完成时，打印结果
            if (completedCount === 2) {
                console.log(results.a, results.b);
            }
        }

        // 同时发起两个请求
        getA(function(resultA) {
            handleResult('a', resultA);
        });
        getB(function(resultB) {
            handleResult('b', resultB);
        });
    }

    // 执行主函数
    getAandB();
</script>

原理说明 #

1. 并行发起请求：getA和getB会被同时调用，两个Ajax请求立刻被发送到服务器，服务器端的sleep(5)会同时开始计时，总等待时间约5秒而非10秒。
2. 状态跟踪：用completedCount计数器记录已完成的请求数，results对象存储两个请求的结果。
3. 合并结果：当计数器达到2时，说明两个请求都已完成，此时可以安全地访问并打印两个结果。

补充说明 #

如果后续需要处理错误（比如请求失败），可以在每个Ajax的onreadystatechange中增加错误判断，在回调里传递错误信息，然后在handleResult中处理失败场景。

内容的提问来源于stack exchange，提问作者user3425506