关于javascript:jquery.load()中的跨源错误

Cross origin error in jquery.load()

本问题已经有最佳答案,请猛点这里访问。

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

1
2
3
4
5
6
7
          $(function(){
            var includes = $('[data-include]');
            jQuery.each(includes, function(){
              var file = '_HTML/' + $(this).data('include') + '.html';
              $(this).load(file);
            });
          });

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

XMLHttpRequest cannot load file:///../header.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

是否有任何解决方法可以解决此错误,这些解决方法适用于每个指定的浏览器?


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

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

1
python -m http.server 8000