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或此