Ajax callback from two functions

Question

Hello i have a problem with ajax and two callbacks code look like that

loadTasks(function(tasks) {
    taskhtml = whatStatus(tasks);
    loadSupportList(function(tasks) {
        supporthtml = support(tasks);
        $("#devtask-table").html(
                titleDraw() + "<tbody>" + supporthtml + taskhtml
                        + "</tbody>");
        hideCurtain();
    });
});

And it's work fine when loadSupportList or loadTasks have records. But when one of them don't i get Error, status = parsererror, error thrown: SyntaxError: Unexpected end of input. And it jump off function and leave me with nothing. My ajax function looks that way :

function loadSupportList(callback) {
    $.ajax({
        type : "POST",
        url : url,
        data : {
            userId : userId,
            sessionId : sessionId
        },
        success : function(data) {
            callback(data['tasks']);
        },
        error : function(jqXHR, textStatus, errorThrown) {
            console.log("Error, status = " + textStatus + ", " + "error thrown: "
                    + errorThrown);
        }
    });
}

And i dont know what to change, to ignore(?) or made some json with ('success')? Is there a way? Thanks for your time.

I make something silly, but its work so it's not silly

    loadTasks(function(tasks) {
    taskhtml = whatStatus(tasks);
    $("#devtask-table").html(
            titleDraw() + "<tbody>" + supporthtml + taskhtml
                    + "</tbody>");
    loadSupportList(function(tasks) {
        supporthtml = support(tasks);
        $("#devtask-table").html(
                titleDraw() + "<tbody>" + supporthtml + taskhtml
                        + "</tbody>");
        hideCurtain();
    });
});

Can you describe your problem in other way? I don't understand it correctly — suvroc
– suvroc, Commented Jan 20, 2016 at 12:39
what does loadTasks look like? on which one are you getting the error ? — Ozan Tabak
– Ozan Tabak, Commented Jan 20, 2016 at 12:41
I have table that have records from two diffrent source and connect them at $("#devtask-table").html(here) but when there is no records in for example loadSupportList() then it jump of loadSupportList(function(tasks) {} and never get to devtask-table. — qusqui21
– qusqui21, Commented Jan 20, 2016 at 12:45
Use "Pause on Exceptions" in Chrome Developer Tools (with Async box checked!) so that the debugger can stop exactly where the problem is. — arthurakay
– arthurakay, Commented Jan 20, 2016 at 12:46

I wrestled a bear once. · Accepted Answer · 2016-01-20 13:11:35Z

1

assuming tasks returns an array... update your loadSupportList function like this..

    success : function(data) {
        var ret = [];
        if(
            'object' == typeof data && 
            'undefined' != typeof data.tasks
        ) ret = data.tasks;
        callback(ret);
    }

answered Jan 20, 2016 at 13:11

I wrestled a bear once.

23.5k20 gold badges74 silver badges122 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

qusqui21 Over a year ago

it still leave loadSupportList(function(tasks){} tasks returns json.

I wrestled a bear once. Over a year ago

technically raw json would either evaluate to an object or an array. you mean it returns a json string or what?

Collectives™ on Stack Overflow

Ajax callback from two functions

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related