CODEWITHSUNDEEP
jqueryajax
Jolan
Jolan

Reputation: 711

Ajax - access beforesend xhr

I want to do a redirect from ajax requests. When a session expires my backend redirects to the login page instead of sending data. But as it has been discussed on StackOverflow before, ajax does not handle redirects.

Instead of updating all my ajax requests one by one to handle the status 401, I am overriding them with ajaxSetup:

$.ajaxSetup({
    beforeSend:(xhr) => {
        console.log(xhr);
        console.log(xhr.status);
        if (xhr.status === 401) {
            window.location.replace(_baseUrl);
        }
    }
});

I am getting the required status for the redirects but the problem is I am not being able to access the status variable from the XMLHttpRequest request.

console.log(xhr);:

...
status: 401
statusCode: ƒ (e)
statusText: "Unauthorized"
then: ƒ (t,i,o)
[[Prototype]]: Object

console.log(xhr.status);:

undefined

Upvotes: 1

Views: 231

Answers (1)

ruleboy21
ruleboy21

Reputation: 6371

You can use .ajaxComplete() event instead of $.ajaxSetup(). Try this

$(document).ajaxComplete(function( event, xhr, settings ) {
    console.log(xhr);
    console.log(xhr.status);
    if (xhr.status === 401) {
        window.location.replace(_baseUrl);
    }
});

Upvotes: 1

Related Questions