Попытка загрузить внешний файл с другого сервера с помощью AJAX

Question

Я пытаюсь загрузить простой контент с другого сервера в div.

Файл для загрузки - banner_outage_sample.html

AJAX

(function($)
{
$(document).ready(function()
{
    $.ajaxSetup(
    {
        cache: false,
        beforeSend: function() {
            $('#content-loaded').hide();
            $('#loading').show();
        },
        complete: function() {
            $('#loading').hide();
            $('#content-loaded').show();
        },
        success: function() {
            $('#loading').hide();
            $('#content-loaded').show();
        }
    });
    var $container = $("#content-loaded");
    $container.load("http://www.svrsstatus.com/banner_outage_sample.html");

});
})(jQuery);

HTML

<div id="content-loaded"></div>
<div id="loading">Loading</div>

В основном, когда контент (banner_outage_sample.html) загружает «загрузочный» div, скрывает и показывает «загруженный контент» div. Кажется, что функция «заблаговременно» работает, но она не будет загружать контент извне. Это из-за безопасности на другом сервере или чего мне не хватает?

Вот пример для JSFIDDLE , который не работает.

Я также проверил сеть отладчика Chrome и обнаружил проблему безопасности:

Доступ к XMLHttpRequest по адресу 'svrsstatus.com/banner_outage_sample.html?_=1558710510006' от источника staging.svrs.com был заблокирован политикой CORS: Нет Заголовок «Access-Control-Allow-Origin» присутствует в запрошенном ресурс.

Похоже, использование AJAX не является решением проблемы безопасности, но есть ли другой лучший способ загрузки контента с другого сервера, кроме использования AJAX?

Спасибо за вашу мудрость!