Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Capture redirect location of javascript XMLHttpRequest

I know that you can't, when using an XMLHttpRequest, intercept a redirect or prevent it, as the browser will transparently follow it, but is it possible to either

A. Determine whether a request redirected, or

B. Determine where it redirected to? (assuming that the response gives no hints)

Example code:

$.post("/my-url-that-redirects/", {}, 
    function(response, statusCode, xmlHttpRequest){
        //Somehow grab the location it redirected to
    }
);

In my case, firebug will first show a POST to the url, then a GET to the redirected url. Can that GET location be captured?

like image 783
Snea Avatar asked Dec 16 '10 21:12

Snea


2 Answers

1) Use different status code than 301 (2**) (if request by ajax) and handle redirection on client side:

var STATUS = {
  REDIRECT: 280
};

$.post('/redirected', {}, function(response, status, request) {
  if (status == STATUS.REDIRECT) {
    // you need to return the redirect url
    location.href = response.redirectUrl;
  } else {
    $('#content').html(request.responseText);
  }
});

2) DO NOT REDIRECT:

I use that in "redirect pattern" = redirecting after post request (you don't want to allow user to refresh the post request, etc..)

With ajax request, this is not necessary, so when the post request is ajax, I do forward instead (just forward to different controller - depends on your server-side framework, or what you are using...). POST requests are not cached by browsers.

Actually, I don't know what's the reason you need that, so this might not be so useful for you. This is helpful when server returns different responses for ajax requests than common requests, because when browser redirect ajax request, the redirected request is not XMLHttpRequest...

[updated]

You can access headers (of redirected request) like that:

$.post('redirected', {}, function(r, s, req) {
  req.getAllResponseHeaders();
  req.getResponseHeader('Location');
});

There should be 'Location' header, but it depends on the server, which headers are sent back...

like image 102
Vojta Avatar answered Oct 06 '22 23:10

Vojta


After 4 years now it's possible to find the last redirect location using responseURL from XHR instance in Chrome 42+ (Opera 29+) and Firefox 39+ but it's not available in IE, Edge or safari yet.

like image 36
Ali Avatar answered Oct 06 '22 21:10

Ali