javascript - 如何让 jQuery 加载在其他加载完成时开始？

Question

我是 jQuery 新手，所以我不太了解它，但是我读到了 .load() 函数，该函数建立 ajax 连接并向特定的页面显示页面结果html 元素。我想做的是在同一页面上加载三个不同的 div。

示例:

$("#abc1").load("result1.php",{"name:"namex});
$("#abc2").load("result2.php",{"name:"namey});
$("#abc3").load("result3.php",{"name:"namey});

有什么方法可以确保另一个 .load() 函数仅在第一个函数加载后运行，依此类推？

Answer 1

您可以使用 callback .

$( "#abc1" ).load( "result1.php", {"name:"namex}, function() {
    alert( "Load 1 was performed." );
    $( "#abc2" ).load( "result2.php", {"name:"namey}, function() {
        alert( "Load 2 was performed." );
    });
});