尝试使用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）加载时，“ loading” div隐藏并显示“ content-loaded” div。似乎“事前”功能正在运行，但不会从外部加载内容。是因为其他服务器的安全性还是我缺少什么？

以下是JSFIDDLE上的示例，该示例无效。

我还检查了Chrome调试器网络并显示了安全问题：

  

在以下位置访问XMLHttpRequest   “ svrsstatus.com/banner_outage_sample.html？_ = 1558710510006”（来源）   “ staging.svrs.com”已被CORS政策阻止：否   请求中存在“ Access-Control-Allow-Origin”标头   资源。

由于安全问题，似乎无法使用AJAX，但是除了使用AJAX之外，还有另一种最佳方法从另一台服务器加载内容吗？

感谢您的智慧！