jQuery, zaman uyumlu XMLHTTPRequest'i kullanımdan kaldırdı

Diğerleri gibi benim web sitem de jQuery kullanıyor. Geliştirici araçlarını açtığımda, XMLHTTPRequest'in şu şekilde olduğunu belirten bir uyarı görüyorum:

son kullanıcının deneyimi üzerindeki zararlı etkileri nedeniyle kullanımdan kaldırıldı.

Devam ettim ve belgelerin bir bölümünü okudum , ancak oldukça teknikti. XMLHTTPRequest'ten WHATWG'ye geçişin sonuçlarını basit terimlerle açıklayabilir mi? 2012'de olduğunu söylüyor.

Ayrıca, dokümantasyon, çalışanların dışındaki Senkronize XMLHttpRequest'in web platformundan kaldırılma sürecinde olduğunu söylüyor, bu olduğunda, bir kullanıcı aracısı bir hizmete sahipse, mevcut kodlarını değiştirmeleri gerekir mi?

Bu uyarıyı önlemek için şunları kullanmayın:

async: false

$.ajax()aramalarınızdan herhangi birinde . Bu, XMLHttpRequestkullanımdan kaldırılan tek özelliktir .

Varsayılan async: true, bu nedenle bu seçeneği hiç kullanmazsanız, özellik gerçekten kaldırılırsa kodunuz güvenli olmalıdır.

Ancak muhtemelen olmayacak - standartlardan kaldırılabilir, ancak eminim tarayıcılar bunu yıllarca desteklemeye devam edecek. Dolayısıyla, herhangi bir nedenle gerçekten senkronize AJAX'a ihtiyacınız varsa async: false, uyarıları kullanabilir ve göz ardı edebilirsiniz . Ancak senkronize AJAX'ın kötü stil olarak görülmesinin iyi nedenleri var, bu yüzden muhtemelen bundan kaçınmanın bir yolunu bulmaya çalışmalısınız. Ve Flash uygulamalarını yazan kişiler muhtemelen onun da ortadan kalkacağını hiç düşünmemişlerdir, ancak şu anda aşamalı olarak kaldırılma sürecindedir.

FetchDeğiştirilen API'nin XMLHttpRequesteşzamanlı bir seçenek sunmadığına dikkat edin .

Kabul edilen cevap doğrudur, ancak ASP.NET altında Visual Studio 2013 veya üzeri ile geliştirme yapıyorsanız ve senkronize ajax istekleri yapmadığınızdan veya yanlış yerde komut dosyası tanımlamadığınızdan eminseniz başka bir neden buldum.

Çözüm, saat yönünü gösteren küçük yenileme simgesiyle gösterilen VS araç çubuğu açılır menüsünde "Tarayıcı Bağlantısını Etkinleştir" seçeneğinin işaretini kaldırarak "Tarayıcı Bağlantısı" özelliğini devre dışı bırakmaktır. Bunu yapıp sayfayı yeniden yüklediğinizde uyarılar durmalıdır!

Bu, yalnızca yerel olarak hata ayıklarken gerçekleşmelidir, ancak yine de uyarıların nedenini bilmek güzel.

Bu, vücut bölümünün sonundan hemen önce başın dışındaki harici js'lere bir bağlantı kurarak başıma geldi. Biliyorsun, bunlardan biri:

<script src="http://somesite.net/js/somefile.js">

JQuery ile hiçbir ilgisi yoktu.

Muhtemelen aynısını böyle bir şey yaparken görürsünüz:

var script = $("<script></script>");
script.attr("src", basepath + "someotherfile.js");
$(document.body).append(script);

Ama bu fikri test etmedim.

@ Henri-chan tarafından bir yorum olarak bahsedilmişti , ancak biraz daha ilgiyi hak ettiğini düşünüyorum:

JQuery / javascript kullanarak bir öğenin içeriğini yeni html ile güncellediğinizde ve bu yeni html <script>etiketleri içerdiğinde , bunlar eşzamanlı olarak yürütülür ve bu hatayı tetikler. Aynı stil sayfaları için de geçerli.

XHRKonsol penceresinde olduğu gibi (birden çok) komut dosyası veya stil sayfası yüklendiğinde bunun olduğunu bilirsiniz . (ateş).

Önceki yanıtlardan hiçbiri (hepsi doğru) durumuma uygun değildi: asyncparametresini içinde kullanmıyorum ve jQuery.ajax()döndürülen içeriğin bir parçası olarak şu şekilde bir komut dosyası etiketi eklemiyorum:

<div> 
     SOME CONTENT HERE
</div>
<script src="/scripts/script.js"></script> 

Benim durumum, aynı anda iki div'i güncellemek amacıyla art arda iki AJAX isteğini çağırıyorum:

function f1() {
     $.ajax(...); // XMLHTTP request to url_1 and append result to div_1
}

function f2() {
     $.ajax(...); // XMLHTTP request to url_2 and append result to div_2
}

function anchor_f1(){
$('a.anchor1').click(function(){
     f1();
})
}

function anchor_f2(){
$('a.anchor2').click(function(){
     f2();
});
}

// the listener of anchor 3 the source of problem
function anchor_problem(){
$('a.anchor3').click(function(){
     f1();
     f2();
});
}

anchor_f1();
anchor_f2();
anchor_problem();

Ben tıkladığımda a.anchor3, bu flag.I tarafından f2 başvurmalarını, değiştirerek sorunu çözüldü uyarı yükseltir click()fonksiyonu:

function anchor_problem(){
$('a.anchor_problem').click(function(){
     f1();
     $('a.anchor_f2').click();
});
}

Çalışmam: Kodu bir arabelleğe aktaran zaman uyumsuz istekleri kullanıyorum. Her saniye tamponu kontrol eden bir döngüm var. Döküm tampona ulaştığında kodu çalıştırırım. Ayrıca bir zaman aşımı kullanıyorum. Son kullanıcı için sayfa, eşzamanlı istekler kullanılacakmış gibi çalışır.

Komut dosyasını kısmi görünümde yüklersek, bu sorun

1. Komut dosyasını kısmi görünümde kaldırdım ve ana görünüme geçtim.

Bu çözüm benim için iyi çalışıyor