jQuery устарел синхронный XMLHTTPRequest

Question

Как и многие другие, мой сайт использует jQuery. Когда я открываю инструменты разработчика, я вижу предупреждение, что говорит, что XMLHTTPRequest является

deprecated because of its detrimental effects to the end user's experience.

продолжал я и прочитать часть documentation, но это было довольно техническим. Может ли кто-нибудь объяснить последствия перехода от XMLHTTPRequest к WHATWG простыми словами? В нем говорится, что это произошло в 2012 году.

Кроме того, в документации говорится, что синхронный XMLHttpRequest за пределами рабочих находится в процессе удаления с веб-платформы, когда это происходит, если пользовательский агент имел их в службе, нужно изменить свой существующий код?

Answer 1

Чтобы избежать этого предупреждения, не используйте:

async: false 

в любой из ваших $.ajax() звонков. Это единственная функция XMLHttpRequest, которая устарела.

По умолчанию async: true, поэтому, если вы никогда не используете эту опцию вообще, ваш код должен быть безопасным, если эта функция действительно удалена (ее, вероятно, не будет - она ​​может быть удалена из стандартов, но я «Будут брошены броузеры будут продолжать поддерживать его в течение многих лет).

Answer 2

My workabout: Я использую асинхронные запросы, сбрасывая код в буфер. У меня есть петля, проверяющая буфер каждую секунду. Когда дамп прибыл в буфер, я выполняю код. Я также использую тайм-аут. Для конечного пользователя страница работает так, как если бы использовались синхронные запросы.

Answer 3

Это произошло со мной, если у вас есть ссылка на внешние js вне головы непосредственно перед концом части тела. Вы знаете, один из них:

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

Это не имеет ничего общего с JQuery.

Вы, вероятно, увидеть тот же делать что-то вроде этого:

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

Но я не проверял эту идею.

Answer 4

Принятый ответ верен, но я нашел другую причину, если вы разрабатываете в ASP.NET с Visual Studio 2013 или выше и уверены, что не делали никаких синхронных аякс-запросов или не определяли какие-либо скрипты в неположенном месте ,

Решение состоит в том, чтобы отключить функцию «Браузерная ссылка», сняв флажок «Включить ссылку браузера» в раскрывающемся списке панели инструментов VS, указанном маленьким значком обновления, указывающим по часовой стрелке. Как только вы это сделаете и перезагрузите страницу, предупреждения должны прекратиться!

Это должно происходить только при отладке локально, но это все-таки приятно знать причину предупреждения.

Answer 5

Ни один из предыдущих ответов (все верно) не подходит для моей ситуации: я не использую параметр async в jQuery.ajax(), и я не добавляю тег сценария как часть возвращаемого содержимого как:

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

Моя ситуация такова, что я называю два запроса AJAX последовательно с целью обновить две дивы в то же время:

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

Когда я нажимаю на a.anchor3, он поднимает предостерегающий г flag.I решить проблему путем замены f2 производит вызов на click() функции:

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