tajuk respons jQuery dan AJAX

Jadi saya mendapat panggilan jQuery AJAX ini, dan respons datang dari server dalam bentuk 302 redirect. Saya ingin mengambil pengalihan ini dan memuatnya dalam iframe, tetapi ketika saya mencoba untuk melihat info header dengan peringatan javascript, muncul nol, meskipun firebug melihatnya dengan benar.

Ini kodenya, jika itu akan membantu:

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

Saya tidak benar-benar memiliki akses ke hal-hal di sisi server untuk memindahkan URL ke badan respons, yang saya tahu akan menjadi solusi termudah, jadi setiap bantuan dengan penguraian header akan menjadi fantastis.

solusi cballou akan bekerja jika Anda menggunakan versi jquery lama. Di versi yang lebih baru Anda juga dapat mencoba:

  $.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'));
   }
  });

Menurut dokumen objek XMLHttpRequest tersedia pada jQuery 1.4.

Jika ini adalah permintaan CORS , Anda mungkin melihat semua tajuk di alat debug (seperti Chrome-> Inspect Element-> Network), tetapi objek xHR hanya akan mengambil tajuk (via xhr.getResponseHeader('Header')) jika tajuk tersebut adalah tajuk respons sederhana :

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

Jika tidak di set ini, itu harus hadir di Access-Control-Expose-Header header dikembalikan oleh server.

Tentang kasus yang dimaksud, jika itu adalah permintaan CORS, seseorang hanya akan dapat mengambil Locationheader melalui XMLHttpRequestobjek jika, dan hanya jika, header di bawah ini juga ada:

Access-Control-Expose-Headers: Location

Jika ini bukan permintaan CORS, XMLHttpRequest akan ada masalah mengambilnya.

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

Kebenaran yang disayangkan tentang AJAX dan 302 redirect adalah bahwa Anda tidak bisa mendapatkan header dari pengembalian karena browser tidak pernah memberikannya kepada XHR. Ketika browser melihat 302 secara otomatis berlaku pengalihan. Dalam hal ini, Anda akan melihat header di firebug karena browser mendapatkannya, tetapi Anda tidak akan melihatnya di ajax, karena browser tidak melewatinya. Inilah sebabnya mengapa keberhasilan dan penangan kesalahan tidak pernah dipanggil. Hanya penangan lengkap yang dipanggil.

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

Berikut adalah beberapa posting stackoverflow tentang masalah ini. Beberapa pos menggambarkan retasan untuk mengatasi masalah ini.

Cara mengelola permintaan redirect setelah panggilan jQuery Ajax

Menangkap 302 DITEMUKAN dalam JavaScript

Pengalihan HTTP: 301 (permanen) vs. 302 (sementara)

Objek XMLHttpRequest yang digunakan oleh jQuery akan selalu mengikuti arahan ulang tanpa mengembalikan kode status 302. Oleh karena itu, Anda tidak dapat menggunakan fungsionalitas permintaan AJAX jQuery untuk mendapatkan URL yang dikembalikan. Sebagai gantinya, Anda perlu memasukkan semua data ke dalam formulir dan mengirimkan formulir dengan targetatribut disetel ke nilai nameatribut 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();

Halaman server url.doakan dimuat di iframe, tetapi ketika 302 statusnya tiba, iframe akan dialihkan ke tujuan akhir.

coba ini:

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

PEMBARUAN 2018 UNTUK JQUERY 3 DAN KEMUDIAN

Saya tahu ini adalah pertanyaan lama tetapi tidak ada solusi di atas yang berfungsi untuk saya. Inilah solusi yang berhasil:

//I only created this function as I am making many ajax calls with different urls and appending the result to different divs
function makeAjaxCall(requestType, urlTo, resultAreaId){
        var jqxhr = $.ajax({
            type: requestType,
            url: urlTo
        });
        //this section is executed when the server responds with no error 
        jqxhr.done(function(){

        });
        //this section is executed when the server responds with error
        jqxhr.fail(function(){

        })
        //this section is always executed
        jqxhr.always(function(){
            console.log("getting header " + jqxhr.getResponseHeader('testHeader'));
        });
    }

+1 ke PleaseStand dan ini adalah retasan saya yang lain:

setelah mencari dan menemukan bahwa "permintaan cross ajax" tidak bisa mendapatkan header respons dari objek XHR, saya menyerah. dan gunakan iframe sebagai gantinya.

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()