Nested javascript promises

Question

I have an AJAX call that based on its result - I send another call.

uploadDocument = function (doc1, doc2) {
    $.ajax({
        type: "POST",
        url: "/API/UploadDocs/addDocument",
        data: doc1,
        contentType: "application/json"
    }).then(function (result) {
        console.log(result);
        doc2.id=result;
        return $.ajax({
            type: "POST",
            url: "/API/UploadDocs/addDocument",
            data: doc2,
            contentType: "application/json"
        }).then(function (result) {
        });
    });
}

But I'm getting an Illegal invocation error, what am I doing wrong?

@smarber It is not a duplicate, I saw this question but didn't find an answer there to my issue, thank you. — user3378165
– user3378165, Commented Aug 24, 2017 at 19:50

Marco Talento · Accepted Answer · 2017-08-24 20:27:32Z

1

You are doing promise chaining wrongly! When you return a promise you have to continue with the then that called the promise you are resolving.

Read the chaining section: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/then

uploadDocument = function (doc1, doc2) {
    $.ajax({
        type: "POST",
        url: "/API/UploadDocs/addDocument",
        data: doc1,
        contentType: "application/json"
    }).then(function (result) {
        console.log(result);
        doc2.id=result;
        return $.ajax({
            type: "POST",
            url: "/API/UploadDocs/addDocument",
            data: doc2,
            contentType: "application/json"
        });
    }).then(function (result) {
      //Continue here
    });
}

edited Aug 24, 2017 at 20:27

answered Aug 24, 2017 at 19:59

Marco Talento

2,4052 gold badges22 silver badges31 bronze badges

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

Comments

rootkill · Accepted Answer · 2017-08-24 19:55:20Z

1

Illegal Invocation error arises when there is some error in the data being passed through AJAX

Check the type of doc1 and doc2.. Also try passing processData:false to the ajax.

answered Aug 24, 2017 at 19:55

rootkill

6296 silver badges11 bronze badges

2 Comments

user3378165 Over a year ago

Thank you, when I called the uploadDocument function I sent an incorrect parameter, thanks!

rootkill Over a year ago

Glad I could help

Collectives™ on Stack Overflow

Nested javascript promises

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related