Javascript 用ajax结果异步填充两个元素

我将在两个HTML元素中显示两个ajax调用的结果：

$(window).load(function() {
    var stop_id = $('#services').data("stopid");
    $("#services").load("/stops/" + stop_id + "/services");
    $("#times").load("/stops/" + stop_id + "/times");
});

在XHR视图中，我可以看到第一个回调很快就会返回，但是网页中的元素没有立即填充。看起来这两个元素是在同一时刻填充的，并且只有在较长的调用返回时才会填充

为什么会这样

如何确保从服务器接收到数据后立即填充每个HTML元素

---

你能展示一下你用来进行ajax调用的代码吗？@kinakuta我发布了所有相关的代码。似乎缺少什么？请尝试更改

$（窗口）。将

加载到

$（文档）。就绪

@MatthewBlancarte

$（文档）。就绪

会导致ajax调用的无限循环。为什么这很重要呢？我非常确定

$（窗口）。加载
不是问题的一部分，因为ajax确实可以工作。奇怪的是，它会导致ajax调用的无限循环。。。这只是在黑暗中拍摄，因为它看起来应该按原样工作。您是否检查了控制台时间线以确认请求在不同时间返回？一组数据是否比另一组数据大得多？