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у вікні консолі. (firefox).

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

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

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

Якщо ми завантажимо скрипт у частковому перегляді, тоді ця проблема виходить

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

Це рішення добре працює для мене