Obteniendo la URL real después de una POST que redirigió usando jquery .ajax()

Question

Estoy siguiendo el patrón PRG (Post-Redirect-Get) en mi aplicación web, y uso algo como lo siguiente para hacer la mayoría de mis POST:

$.ajax({ 
    type: 'POST', 
    url: 'A.html', 
    data: '....', 
    statusCode: { 
     302: function() { 
      alert("302"); // this is never called 
     }, 
     200: function() { 
      alert("200"); 
     }, 
    }, 
    success: function (data, textstatus) { 
     alert('You are now at URL: ' + ??); 
    }, 
    error: function (data) { 
    }, 
    complete: function (jqXHR, textstatus) { 
     alert('You are now at URL: ' + ??); 
    }, 
}); 

Necesito obtener la URL DESPUÉS de que se haya producido cualquier redirección, es decir, la URL del GET final que llamó la función .ajax(). Por ejemplo, una POST a A.html puede redirigirse a B.html o C.html (siempre a través de 302's). ¿Cómo obtengo la URL final?

Estoy usando jquery 1.5.1, y usando un proxy he visto que jquery sigue silenciosamente los redireccionamientos, lo cual me alegra. No me importan las URL que respondieron con 302. Me gustaría saber la URL de la solicitud final en el momento en que se activan los enlaces "success" o "complete" de .ajax().

Answer 1

finalmente resuelto este problema mediante la adición de una cabecera adicional en todas mis respuestas (por ejemplo, "X-MYAPP-PATH:/Admin/Index").

Mi javascript por lo tanto podría ser cambiado a lo siguiente:

success: function (data, textstatus, xhrreq) { 
    alert('You are now at URL: ' + xhrreq.getResponseHeader("X-MYAPP-PATH")); 
}, 

todavía creen sin embargo que jQuery debe ser capaz de darme la URL actual, así que considere esto un truco.

Answer 2

Primero intente descubrir el código de estado que devuelve la redirección (generalmente es> 300).

success: function (data, textstatus, xhrReq) { 
     //if the status is greater than 300 
     if(xhrReq.status > 300) { 
      alert('You are now at URL: ' + xhrRequest.getHeader("Location")); 
     } 
    }, 

un punto más para señalar que el orden de ejecución: éxito \ Falla -> función statusCode -> Completo

Answer 3

Una mejor solución es suministrar ajax de jQuery con un objeto xhr encargo de esta manera:

var xhr = new XMLHttpRequest(); 

$.ajax({ 
    url: '/url', 
    type: 'post', 
    data: '...', 
    xhr: function() { 
     return xhr; 
    } 
}); 

A continuación, puede acceder a la URL actual en cualquiera de devolución de llamada

success: function() { 
    alert('You are now at URL: ' + xhr.responseURL); 
}