Question

我想使用以下代码将html代码段加载到我的html页面中：

       <div data-include="header"></div>

        <script>
          $(function(){
            var includes = $('[data-include]');
            jQuery.each(includes, function(){
              var file = '_HTML/' + $(this).data('include') + '.html';
              $(this).load(file);
            });
          });
        </script>

在Firefox和Safari中，它工作得很完美，但在Chrome和IE Edge中，它给了我一个跨源请求错误：

XMLHttpRequest无法加载file：///../header.html。交叉源请求仅支持协议方案：http，数据，chrome，chrome-extension，https。

此错误是否有任何变通方法可用于每个指定的浏览器？

Answer 1

您需要一个http服务器来请求本地文件。

你可以使用python轻松启动一个：

python -m http.server 8000

jquery.load（）中的跨源错误

1 个答案: