How to check if javascript function is readydone (jQuery) - Stack Overflow

admin管理员组

文章数量:1317898

I am working on a learning planner which gets its data (languagekeys, tasks, activities, etc.) from a database. Because I need a JSON string, I encode it with json_encode to work with it in JavaScript. I have a different function (for keys, tasks, activities, etc.) which gets this data and writes it into an array.

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;
}

Everything is working just fine. I need some help, because I now have to call this function in $(document).ready(). I want to build my learning planner only once the function get_tasks() is plete (the array is filled with data). Otherwise, I will get errors.

How can this be solved?

Here is what I have in $(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();
}

I am working on a learning planner which gets its data (languagekeys, tasks, activities, etc.) from a database. Because I need a JSON string, I encode it with json_encode to work with it in JavaScript. I have a different function (for keys, tasks, activities, etc.) which gets this data and writes it into an array.

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;
}

Everything is working just fine. I need some help, because I now have to call this function in $(document).ready(). I want to build my learning planner only once the function get_tasks() is plete (the array is filled with data). Otherwise, I will get errors.

How can this be solved?

Here is what I have in $(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();
}

• javascript
• jquery
• callback
• ready

Share Improve this question Follow edited Mar 31, 2015 at 23:42 talves 14.4k55 gold badges4141 silver badges6464 bronze badges asked Dec 7, 2010 at 9:06 ChrisChris 20022 gold badges44 silver badges1212 bronze badges 1

• As a side note: You should create your object with task[i] = {t_id: item.t_id, t_title: item.t_title,...} or maybe it is even sufficient to do task[i] = item. – Felix Kling Commented Dec 7, 2010 at 9:42

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 2

You can add a callback to the function:

function get_tasks(start_date, end_date, callback) {

Then after populating the array in the function, call the callback function:

if (callback) callback();

Now you can use the callback parameter to initialise the learning planner:

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

You should be able to specify a callback in $.getJSON, which gets executed as soon the request is pleted.

EDIT: You're already doing this, but why don't you just call the second code block from the end of the callback funciton in $.getJSON?

Other answers haven't worked for me because I have 5 functions which use my data with $.getJSON, and I need to have collected all information to even start init_learnplanner().

After several hours of searching, I've discovered the jQuery function ajaxComplete, which works like a charm for me. jQuery tracks all ajax calls that have been fired and triggers anything assigned .ajaxComplete() when one is plete.

What I'm doing is usually something like this: simple, looks like beginner but it works :) :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()" );
                },
                plete: function(){
                //console.log( "AJAX - plete()" );
    isBusy = false;
                },
                success: function(json){
                //console.log("json");
                }
            });
        }
</script>

hope this help you

本文标签： How to check if javascript function is readydone (jQuery)Stack Overflow