如何检查 javascript 函数是否准备好/完成 (jQuery)

Question

我正在开发一个学习计划程序，它从数据库获取数据（语言键、任务、活动等）。因为我需要一个 JSON 字符串，所以我使用 json_encode 对其进行编码，以便在 JavaScript 中使用它。 我有一个不同的函数（用于键、任务、活动等），它获取这些数据并将其写入数组。

function get_tasks(start_date,end_date){

    maxsubtasks=0;
    maxtasks=0;

    $.getJSON(json_data+"?t_startdate="+start_date+"&t_enddate="+end_date, function(data) {  

        tasks=new Array();

        $.each(data.tasks, function(i,item){

            tasks[i]= new Object();
            tasks[i]["t_id"]=item.t_id;
            tasks[i]["t_title"]=item.t_title;
            tasks[i]["t_content"]=item.t_content;
            . . .

            if ( i > data.tasks.length) return false;    
            maxtasks = data.tasks.length;
            if(item.t_parent > 0){
                maxsubtasks++;
            }
        });         
    });
    return true;
}

一切都运转良好。我需要一些帮助，因为我现在必须在 $(document).ready() 中调用此函数。我只想在函数 get_tasks() 完成后（数组充满数据）构建我的学习计划器。否则，我会收到错误。

如何解决这个问题？

这是我在 $(document).ready() 中的内容：

if(get_tasks(first_day,last_day) && get_tmp_data()){ // If this function is done
    // This function should be fired -- just like a callback in jQuery
    init_learnplanner();
}

Answer 1

您可以向函数添加回调：

function get_tasks(start_date, end_date, callback) {

然后在函数中填充数组后，调用回调函数：

if (callback) callback();

现在您可以使用回调参数来初始化学习计划器：

get_tasks(first_day, last_day, function() {
    init_learnplanner();
});

Answer 2

您应该能够在 $.getJSON 中指定回调，该回调将在请求完成后立即执行。

编辑：
您已经这样做了，但为什么不直接调用 $.getJSON 中回调函数末尾的第二个代码块呢？

Answer 3

其他答案对我不起作用，因为我有 5 个函数将我的数据与 $.getJSON 一起使用，而且我需要收集所有信息才能启动 init_learnplanner() 。

经过几个小时的搜索，我发现了 jQuery 函数 ajaxComplete，它对我来说就像一个魅力。 jQuery 跟踪所有已触发的 ajax 调用，并在调用完成时触发分配的任何 .ajaxComplete() 操作。

Answer 4

我所做的通常是这样的：
简单，看起来像初学者，但它有效:) :D

    <script type="text/javascript">
        var isBusy = true;
        $(document).ready(function () {
    // do your stuff here
            isBusy = false;
        });

        function exampleajax() {
            if(isBusy) return false;
            isBusy=true;
            $.ajax({
                async: true,
                type: 'POST',
                url: "???.asp",
                dataType: "jsonp",
                data: qs,
                error: function(xhr, ajaxOptions, thrownError){
                //console.log(xhr.responseText + " AJAX - error() " + xhr.statusText + " - " + thrownError);
                },
                beforeSend: function(){
                //console.log( "AJAX - beforeSend()" );
                },
                complete: function(){
                //console.log( "AJAX - complete()" );
    isBusy = false;
                },
                success: function(json){
                //console.log("json");
                }
            });
        }
</script>

希望这对你有帮助