javascript - jquery中ajax调用获取结果后才调用其他函数

Question

这是我的功能:

loadChildNodes($('#budgetline' + id));
$('.child-of-budgetline' + id).each(function(){
    $(this).expandTreeNode();
    console.log("test");
});

loadChildNodes($element) 函数进行 ajax 调用。我想等到这个函数完成，然后只执行它后面的行。但事实并非如此。如何使其他行仅在函数 loadChildNodes 完成后执行。

Answer 1

使用 deferred objects 提供的 promise :

$.when(loadChildNodes($('#budgetline' + id))).done(function() {
    $('.child-of-budgetline' + id).each(function(){
       $(this).expandTreeNode();
       console.log("test");
    });
})
.fail(function() {
   /* some errors occured */
})

要正常工作，loadChildNodes() 应该返回一个 promise(解析 ajax 成功回调并拒绝错误回调)或 ajax 对象本身( $.ajax 或其他快捷方式，例如 $.get、$.post...)