Detecting a redirect in ajax request

Question

I want to use jQuery to GET a URL and explicitly check if it responded with a 302 redirect  but not follow the redirect   jQuery s   ajax appears to always follow redirects   How can I prevent this  and see the redirect without following it   There are various questions with titles like  jquery ajax redirect  but they all appear to involve accomplishing some other goal  rather than just directly checking the status that a server gives

User · Accepted Answer

The AJAX request never has the opportunity to NOT follow the redirect  i e   it must follow the redirect   More information can be found in this answer https   stackoverflow com a 2573589 965648

User · Answer

While the other folks who answered this question are  sadly  correct that this information is hidden from us by the browser  I thought I d post a workaround I came up with   I configured my server app to set a custom response header  X-Response-Url  containing the url that was requested  Whenever my ajax code receives a response  it checks if xhr getResponseHeader  x-response-url   is defined  in which case it compares it to the url that it originally requested via   ajax    If the strings differ  I know there was a redirect  and additionally  what url we actually arrived at   This does have the drawback of requiring some server-side help  and also may break down if the url gets munged  due to quoting encoding issues etc  during the round trip    but for 99  of cases  this seems to get the job done     On the server side  my specific case was a python application using the Pyramid web framework  and I used the following snippet   import pyramid events   pyramid events subscriber pyramid events NewResponse  def set response header event       request   event request     if request is xhr          event response headers  X-Response-URL     request url

User · Answer

Welcome to the future   Right now we have a  responseURL  property from xhr object  YAY   See How to get response url in XMLHttpRequest   However  jQuery  at least 1 7 1  doesn t give an access to XMLHttpRequest object directly  You can use something like this   var xhr  var  orgAjax   jQuery ajaxSettings xhr  jQuery ajaxSettings xhr   function        xhr    orgAjax      return xhr      jQuery ajax  http   test com       success  function responseText        console log  responseURL    xhr responseURL   responseText    responseText             It s not a clean solution and i suppose jQuery team will make something for responseURL in the future releases   TIP  just compare original URL with responseUrl  If it s equal then no redirect was given  If it s  undefined  then responseUrl is probably not supported  However as Nick Garvey said  AJAX request never has the opportunity to NOT follow the redirect but you may resolve a number of tasks by using responseUrl property

User · Answer

You can now use fetch API  It returns redirected   boolean

[jquery] Detecting a redirect in ajax request?

Examples related to jquery

Examples related to ajax

Examples related to http