. ajax () метод выдает устаревшее предупреждение в консоли

Question

Я сейчас использую. ajax () вместо .load (), думая, что это изменит устаревшее предупреждение, но проблема все еще сохраняется. Есть ли способ управлять этим, чтобы он не появлялся?

Вот файл js, который в настоящее время выполняет функцию при нажатии на div с идентификатором.

$('.nav-tab').on('click', function() {

    // Select Page //
    var getPageID = $(this).attr('id') + "-page";
    var bodyChildID = $('div.page').attr('id');
    var pageHTML = getPageID + '-data.html';

    // Determine To Call New Page //
    if(getPageID === bodyChildID) {
        console.log('This is already the current page!');
    } else {
        console.log('Trigger Cover');
        $('div.page-wrapper').empty();

        $.ajax({
            url: pageHTML,
            context: document.body,
            success: function(response){
                $('div.page-wrapper').html(response);
            }
        });


        // $('div.page-wrapper').load(pageHTML);
        console.log('Trigger Uncover');
    }
});

Все на данный момент работает отлично, просто это предупреждение появляется в консоли желтым цветом каждый раз, когда вызывается оператор else при нажатии на div.nav-tab.

Предупреждение выводит консоль в Google Chrome:

[Устаревание] Синхронный запрос XMLHttpRequest в основном потоке устарел из-за его пагубных последствий для конечного пользователя. Для получения дополнительной помощи, проверьте https://xhr.spec.whatwg.org/.

Я прочитал ссылку, которую она дает, но ни одно из этого не имеет смысла для меня.

[Решение] Синхронное предупреждение XMLHttpRequest и

Answer 1

Код, который вы предоставили, сам по себе не будет иметь такого эффекта.

Где-то у вас есть звонок на ajaxSetup, чтобы установить некоторые настройки по умолчанию для всех jQuery ajax запросов.

Один из настраиваемых параметров будет быть async: false. Это то, что вызывает устаревшее поведение базового объекта XHR.