HTML +使用Jquery Load Function在另一个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会执行相同的原始政策。阅读它here.

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

详细了解here

Answer 2

要为Chrome启用相同的来源政策：使用Stackoverflow Post或this