Синхронное предупреждение запроса XMLHTTP, Jquery $ .ajax и как его избежать

Question

У меня есть следующий скрипт в модальном диалоге вместе с тремя ссылками на скрипты.Когда модальный загружен, я вижу следующее предупреждение на консоли:

[Устаревание] Синхронный XMLHttpRequest в основном потоке устарел из-за его пагубных последствий для конечного пользователя.

Я прочитал несколько веток здесь и попытался пока без радости возиться с JS, также добавил async: true , но это ничего не изменило.Кроме того, обновил Jquery до последней версии, как я обнаружил в другой ветке, что она исправляет проблему, но все равно не радует.

<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
<script src="~/Scripts/jquery.validate.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.js"></script>


<script>
    $(function () {
        $('#submit').click(function (e) {
            e.preventDefault();
            $('#error').html('');
            var form = $(this).closest('form');
            $.ajax({
                url: form.attr('action'),
                method: 'POST',
                data: form.serialize(),
                success: function (data) {
                    if (data.IsError) {
                        $('#error').html('<p>' + data.Message + '</p>');
                    } else {
                        window.location = data.Url;

                    }
                }
            });
        });
    });
</script>

Если я удаляю ссылки на скрипты над функцией, то предупреждение исчезает, но я хочу понять, как написать функцию для асинхронной обработки данных?

На консоли выделяется файл Jquery.

xhr.open( options.type, options.url, options.async, options.username, options.password );

Большое спасибо.