Question

The following call works great in every browser but IE. $.ajaxSetup doesn’t get recognized. The error and complete functions won’t be called unless I add them directly into the $.ajax call.

Any idea why?

function setupAjaxCalls() {
    $.ajaxSetup({
        type: 'GET',
        dataType: "jsonp",
        contentType: "application/json",
        data: {
            deviceIdentifier: deviceIdentifier,
            deviceType: deviceType,
            memberId: loggedInMemberId,
            authToken: authToken,
            cache: false,
            responseFormat: 1
        },
        error: function (x, e) {
            defaultError(x, e);
        },
        complete: function () {
            apiCallInProgress = 'false';
            //alert('complete!');
        }
    });
}

function logInForm(memLogin, memPassword, callback) {
    apiCallInProgress = 'true';

    $.ajax({
        type: 'POST',
        dataType: "json",
        url: baseApiUrl + '/MembershipService/AuthLoginSecure',
        data: {
            login: memLogin,
            password: memPassword,
            responseFormat: 0
        },
        success: function (data) {
            if (data.Success == false) {
                apiError(data);
            } else {
                loggedInMemberId = data.Member.Id;
                authToken = data.Token;

                if (typeof (callback) != "undefined" || callback) {
                    callback(data);
                }

            }
        }
    });
}

Answer 1

Straight from the documentation:

http://api.jquery.com/jQuery.ajaxSetup/

Note: Global callback functions should be set with their respective global Ajax event
handler methods—.ajaxStart(), .ajaxStop(), .ajaxComplete(), .ajaxError(), .ajaxSuccess(),
.ajaxSend()—rather than within the options object for $.ajaxSetup().

You should move the error and complete properties into their own methods. 🙂 Or, you can just put them into the $.ajax method. Whatever works best for your preferred code pattern!