jQuery ve AJAX yanıt başlığı

Bu jQuery AJAX çağrısını aldım ve yanıt sunucudan 302 yönlendirmesi şeklinde geliyor. Bu yönlendirmeyi alıp bir iframe'e yüklemek istiyorum, ancak başlık bilgilerini bir javascript uyarısıyla görüntülemeye çalıştığımda, kundakçı doğru görse bile boş görünüyor.

Yardımcı olacaksa kod İşte:

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

URL'yi en kolay çözüm olacağını bildiğim yanıt gövdesine taşımak için gerçekten sunucu tarafı şeylere erişimim yok, bu nedenle üstbilginin ayrıştırılmasıyla ilgili herhangi bir yardım harika olurdu.

jquery'nin eski bir sürümünü kullanıyorsanız cballou'nun çözümü işe yarayacaktır. Daha yeni sürümlerde şunları da deneyebilirsiniz:

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

Dokümanlara göre XMLHttpRequest nesnesi jQuery 1.4'ten itibaren kullanılabilir.

Bu bir CORS isteğiyse, hata ayıklama araçlarında tüm başlıkları görebilirsiniz (Chrome-> Inspect Element-> Network gibi), ancak xHR nesnesi yalnızca xhr.getResponseHeader('Header')böyle bir üstbilgi basit bir yanıt üstbilgisi ise üstbilgiyi (üzerinden ) alır :

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

Bu kümede yoksa , sunucu tarafından döndürülen Access-Control-Expose-Headers başlığında bulunmalıdır .

Söz konusu vaka hakkında, bu bir CORS isteği ise, üstbilgi yalnızca nesne Locationüzerinden XMLHttpRequestve ancak aşağıdaki üstbilginin de mevcut olması durumunda alınabilir :

Access-Control-Expose-Headers: Location

Bir CORS isteği değilse, onu almakta XMLHttpRequestsorun olmaz.

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

AJAX ve 302 yönlendirmesi hakkındaki talihsiz gerçek, tarayıcıları asla XHR'ye vermediğinden, üstbilgileri dönüşten alamamanızdır. Bir tarayıcı bir 302 gördüğünde otomatik olarak yönlendirmeyi uygular. Bu durumda, tarayıcıyı aldığından başlığı kundakta görürsünüz, ancak tarayıcıda geçmediği için ajax'ta göremezsiniz. Bu yüzden başarı ve hata işleyicileri asla çağrılmaz. Yalnızca tam işleyici çağrılır.

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

İşte konu ile ilgili bazı yığın akışı yazıları. Bazı gönderiler bu sorunu çözmek için kesmek açıklar.

Bir jQuery Ajax çağrısından sonra yönlendirme isteği nasıl yönetilir

JavaScript'te 302 FOUND yakalamak

HTTP yönlendirmesi: 301 (kalıcı) ve 302 (geçici)

JQuery tarafından kullanılan temel XMLHttpRequest nesnesi , 302 durum kodu döndürmek yerine her zaman sessizce yönlendirmeleri izler . Bu nedenle, döndürülen URL'yi almak için jQuery'nin AJAX istek işlevini kullanamazsınız. Bunun yerine, tüm verileri bir forma koymanız ve targetözniteliği ayarlanmış formu nameiframe özniteliğinin değerine göndermeniz gerekir :

$('#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();

Sunucunun url.dosayfası iframe'e yüklenir, ancak 302 durumu geldiğinde iframe son hedefe yönlendirilir.

bunu dene:

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

JQUERY 3 VE SONRASI İÇİN GÜNCELLEME 2018

Bunun eski bir soru olduğunu biliyorum, ancak yukarıdaki çözümlerin hiçbiri benim için işe yaramadı. İşte işe yarayan çözüm:

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

PleaseStand için +1 ve işte benim diğer kesmek:

arama ve "çapraz ajax isteği" XHR nesnesinden yanıt üstbilgileri alamadım sonra, vazgeçti bulundu. ve bunun yerine iframe kullanın.

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