TypeError: $.ajax(...).done(...).fail(...).complete is not a function

Question

I suddenly started getting the following:

TypeError: $.ajax(...).done(...).fail(...).complete is not a function

My code:

this.sendRequest = function (type, extension, data, successCallback, successMsg, failMsg, failCallback) {

            var self = this;
            var options = {
                url: self.baseUrl + self.apiEndpoint + extension,
                type: type,
                dataType: 'json',
                xhrFields: {
                    withCredentials: true
                }
            };
            if (data != null) {
                options.data = data;
            }
            return $.ajax(options)
                .done(function (response) {
                    // do stuff
                })
                .fail(function (response) {
                    // do stuff
                }).complete(function (response) {
                    // do stuff
                });
        };

Why is this happening? I did update jQuery - did some of this syntax become invalidated?

`always`; the [docs](http://api.jquery.com/jquery.ajax/) also have this information — Hamms, Apr 14 '17 at 01:00

score 12 · Answer 1 · edited Jun 20 '20 at 09:12

12

.complete is deprecated....use .always

jqXHR.always(function( data|jqXHR, textStatus, jqXHR|errorThrown ) { }); (added in jQuery 1.6)

An alternative construct to the complete callback option, the .always() method replaces the deprecated .complete() method.

edited Jun 20 '20 at 09:12

Community

1
1

answered Apr 14 '17 at 01:01

charlietfl

170,828
13
121
150

TypeError: $.ajax(...).done(...).fail(...).complete is not a function

1 Answers1