HTML +使用Jquery加载功能将一个html部分加载到另一个html页面中

Question

我有2个HTML文件

File 1. index.html
File 2. nav_bar.html

在这里，我尝试将静态页面nav_bar.html加载到index.html

我尝试了一种jquery load方法-index.html的示例代码。 即。

<script type="text/javascript">
    $(function() {
       $("#nav_bar").load("nav_bar.html"); 
    });
</script>

在Firefox上可以正常使用，但Chrome无法响应以加载此文件。 我没有办法解决它。 注意：请避免使用iframe。

提前致谢。

Answer 1

Chrome执行相同的原产地政策。 在这里阅读。

通过ajax从服务器获取html并将其作为字符串加载。

在这里了解更多

Answer 2

要为Chrome禁用同一来源策略：请使用Stackoverflow Post或此