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

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

устарело из-за его пагубного воздействия на работу конечного пользователя.

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

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

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

async: false

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

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

Однако, вероятно, этого не произойдет - он может быть удален из стандартов, но я уверен, что браузеры будут поддерживать его в течение многих лет. Так что, если по какой-то причине вам действительно нужен синхронный AJAX, вы можете использовать async: falseи просто игнорировать предупреждения. Но есть веские причины, по которым синхронный AJAX считается плохим стилем, поэтому вам, вероятно, следует попытаться найти способ избежать этого. И люди, которые писали Flash-приложения, вероятно, никогда не думали, что он исчезнет, ​​но сейчас он находится в процессе отказа.

Обратите внимание, Fetchчто заменяющий API XMLHttpRequestдаже не предлагает синхронный вариант.

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

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

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

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

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

Это не имело никакого отношения к JQuery.

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

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

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

Это было упомянуто как комментарий @ henri-chan , но я думаю, что он заслуживает большего внимания:

Когда вы обновляете содержимое элемента с помощью нового HTML с помощью jQuery / javascript, и этот новый HTML содержит <script>теги, они выполняются синхронно и, таким образом, вызывают эту ошибку. То же самое и с таблицами стилей.

Вы знаете, что это происходит, когда вы видите (несколько) скриптов или таблиц стилей, загружаемых, как XHRв окне консоли. (Fire Fox).

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

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

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

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, появляется флаг предупреждения. Я решил проблему, заменив вызов f2 click()функцией:

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

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

Если мы загрузим скрипт в частичном представлении, эта проблема возникнет

1. Я удалил сценарий в частичном представлении и перешел в основной вид.

Это решение отлично работает для меня