如何从jQuery获取响应头位置？

所以我试图通过jQuery get从头响应中获取位置。 我尝试使用getResponseHeader（’Location’）和getAllResponseHeaders（），但它们似乎都返回null。

这是我目前的代码

$(document).ready(function(){ var geturl; geturl = $.ajax({ type: "GET", url: 'http://searchlight.cluen.com/E5/Login.aspx?URLKey=uzr7ncj8)', }); var locationResponse = geturl.getResponseHeader('Location'); console.log(locationResponse); }); 

Answer 1

异步请求返回时，标头将可用，因此您需要在成功回调中读取它们：

 $.ajax({ type: "GET", url: 'http://searchlight.cluen.com/E5/Login.aspx?URLKey=uzr7ncj8)', success: function(data, status, xhr) { console.log(xhr.getResponseHeader('Location')); } }); 

Answer 2

对于jQuery Ajax中的一些头文件，您需要访问XMLHttpRequest对象

 var xhr; var _orgAjax = jQuery.ajaxSettings.xhr; jQuery.ajaxSettings.xhr = function () { xhr = _orgAjax(); return xhr; }; $.ajax({ type: "GET", url: 'http://example.com/redirect', success: function(data) { console.log(xhr.responseURL); } }); 

或使用普通的JavaScript

 var xhr = new XMLHttpRequest(); xhr.open('GET', "http://example.com/redirect", true); xhr.onreadystatechange = function () { if (this.readyState == 4 && this.status == 200) { console.log(xhr.responseURL); } }; xhr.send(); 

Answer 3

jQuery在所谓的“超集”中抽象XMLHttpRequest对象，该对象不公开responseURL字段。 在他们的文档中，他们谈论“jQuery XMLHttpRequest（jqXHR）对象”

 For backward compatibility with XMLHttpRequest, a jqXHR object will expose the following properties and methods: readyState responseXML and/or responseText when the underlying request responded with xml and/or text, respectively status statusText abort( [ statusText ] ) getAllResponseHeaders() as a string getResponseHeader( name ) overrideMimeType( mimeType ) setRequestHeader( name, value ) which departs from the standard by replacing the old value with the new one rather than concatenating the new value to the old one statusCode( callbacksByStatusCode ) No onreadystatechange mechanism is provided, however, since done, fail, always, and statusCode cover all conceivable requirements. 

正如您所看到的，无法获取响应URL，因为jqXHR API不会公开它