Tiêu đề phản hồi jQuery và AJAX

Question

Vì vậy, tôi đã có cuộc gọi jQuery AJAX này và phản hồi đến từ máy chủ dưới dạng chuyển hướng 302. Tôi muốn thực hiện chuyển hướng này và tải nó trong một iframe, nhưng khi tôi cố gắng xem thông tin tiêu đề với một cảnh báo javascript, nó đi lên null, mặc dù firebug nhìn thấy nó một cách chính xác.

Dưới đây là đoạn code, nếu nó sẽ giúp:

$j.ajax({ 
    type: 'POST', 
    url:'url.do', 
    data: formData, 
    complete: function(resp){ 
     alert(resp.getAllResponseHeaders()); 
    } 
}); 

tôi không thực sự được tiếp cận với những thứ server-side để chuyển URL cho cơ thể phản ứng, mà tôi biết sẽ giải pháp đơn giản nhất, vì vậy bất kỳ trợ giúp nào với việc phân tích cú pháp tiêu đề sẽ thật tuyệt vời.

Answer 1

thử điều này: giải pháp

type: "GET", 
async: false, 
complete: function (XMLHttpRequest, textStatus) { 
    var headers = XMLHttpRequest.getAllResponseHeaders(); 
} 

Answer 2

var geturl; 
    geturl = $.ajax({ 
    type: "GET", 
    url: 'http://....', 
    success: function() { 
     alert("done!"+ geturl.getAllResponseHeaders()); 
    } 
    }); 

Answer 3

cballou sẽ có tác dụng nếu bạn đang sử dụng một phiên bản cũ của jquery. Trong các phiên bản mới hơn, bạn cũng có thể thử:

$.ajax({ 
    type: 'POST', 
    url:'url.do', 
    data: formData, 
    success: function(data, textStatus, request){ 
     alert(request.getResponseHeader('some_header')); 
    }, 
    error: function (request, textStatus, errorThrown) { 
     alert(request.getResponseHeader('some_header')); 
    } 
    }); 

According to docs đối tượng XMLHttpRequest có sẵn trong jQuery 1.4.

Answer 4

Đối tượng XMLHttpRequest cơ bản được sử dụng bởi jQuery will always silently follow redirects thay vì trả lại mã trạng thái 302. Do đó, bạn không thể sử dụng chức năng yêu cầu AJAX của jQuery để nhận URL trả lại. Thay vào đó, bạn cần phải đặt tất cả các dữ liệu vào một mẫu đơn và gửi biểu mẫu với các thiết lập target attribute với giá trị của các name thuộc tính của iframe:

$('#myIframe').attr('name', 'myIframe'); 

var form = $('<form method="POST" action="url.do"></form>').attr('target', 'myIframe'); 
$('<input type="hidden" />').attr({name: 'search', value: 'test'}).appendTo(form); 

form.appendTo(document.body); 
form.submit(); 

trang url.do của máy chủ sẽ được nạp trong iframe, nhưng khi trạng thái 302 của nó đến, iframe sẽ được chuyển hướng đến đích cuối cùng.

Answer 5

1 đến PleaseStand và đây là Hack khác của tôi:

sau khi tìm kiếm và phát hiện ra rằng "yêu cầu ajax chéo" không thể có được tiêu đề phản hồi từ đối tượng XHR, tôi đã từ bỏ. và sử dụng iframe thay thế.

1. <iframe style="display:none"></iframe> 
2. $("iframe").attr("src", "http://the_url_you_want_to_access") 
//this is my aim!!! 
3. $("iframe").contents().find('#someID').html() 

Answer 6

Sự thật không may về AJAX và chuyển hướng 302 là bạn không thể lấy tiêu đề từ trở lại vì trình duyệt không bao giờ đưa chúng đến XHR. Khi trình duyệt thấy 302, trình duyệt sẽ tự động áp dụng chuyển hướng. Trong trường hợp này, bạn sẽ thấy tiêu đề trong firebug vì trình duyệt đã nhận nó, nhưng bạn sẽ không thấy nó trong ajax, bởi vì trình duyệt không vượt qua nó. Đây là lý do tại sao sự thành công và xử lý lỗi không bao giờ được gọi. Chỉ có trình xử lý hoàn chỉnh mới được gọi.

http://www.checkupdown.com/status/E302.html

The 302 response from the Web server should always include an alternative URL to which redirection should occur. If it does, a Web browser will immediately retry the alternative URL. So you never actually see a 302 error in a Web browser 

Dưới đây là một số bài viết stackoverflow về đề tài này. Một số bài viết mô tả hacks để có được xung quanh vấn đề này.

How to manage a redirect request after a jQuery Ajax call

Catching 302 FOUND in JavaScript

HTTP redirect: 301 (permanent) vs. 302 (temporary)

Answer 7

Nếu đây là một CORS request, bạn có thể thấy tất cả các tiêu đề trong công cụ gỡ lỗi (như CHROME-> Inspect phần-> Network), nhưng đối tượng XHR sẽ chỉ lấy tiêu đề (qua xhr.getResponseHeader('Header')) nếu tiêu đề như vậy là simple response header:

• Content-Type
• Last-modified
• Content-Language
• Cache-Control
• Expires
• Pragma

Nếu nó không phải là trong bộ này, nó phải có mặt trong Access-Control-Expose-Headers tiêu đề được trả về bởi máy chủ.

Về trường hợp trong câu hỏi, nếu nó là một yêu cầu CORS, người ta sẽ chỉ có thể lấy tiêu đề Location thông qua đối tượng XMLHttpRequest nếu, và chỉ nếu, tiêu đề dưới đây cũng có mặt:

Access-Control-Expose-Headers: Location 

Nếu không phải là yêu cầu CORS, XMLHttpRequest sẽ không gặp sự cố khi truy xuất nó.