在HTML頁面中使用jQuery包含HTML頁面

我在網頁中包含一個名爲test.html的HTML頁面。如下圖所示：在HTML頁面中使用jQuery包含HTML頁面

<head> 
    <meta charset="utf-8"> 
    <title>load demo</title> 
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
</head> 
<body> 

<b>Content I want to Include is here: </b> 
<div id="success"></div> 


<script> 
$("#success").load("test.html", function(response, status, xhr) { 
    if (status == "error") { 
    var msg = "Sorry but there was an error: "; 
    $("#success").html(msg + xhr.status + " " + xhr.statusText); 
    } 
}); 
</script> 

</body> 
</html>

我得到一個錯誤閱讀：

Sorry but there was an error: 0 NetworkError: Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'file://machd/.../HTML/test.html'.

這個錯誤是什麼意思？以及如何最好地解決它？

來源

2015-05-29 Tomi

這是否[較早前的問題（http://stackoverflow.com/問題/ 28453213 /執行失敗 - 發送xmlhttprequest）幫助？ –

你需要一個服務器來使ajax工作。嘗試xampp或類似的解決方案，如果你還沒有一個 – monxas

本地文件（'file：// ...'）往往不適用於xhr應用程序，請嘗試本地開發服務器。 – swornabsent

我同意上面的swornabsent和monxas。

此代碼在上傳時無誤地運行，並且在服務器上查看頁面。

來源

2015-05-29 15:05:27 Tomi

也許你可以試試：

給的絕對路徑的test.html作爲參數，調試

來源

2015-05-29 15:23:11

它通過文件允許Ajax請求的唯一瀏覽器：//協議是舊的IE瀏覽器和由於安全問題而被刪除。您的代碼可以在任何Web服務器（如XAMPP或UWAMP）上正常工作。只需運行Uwamp，把YOUT項目到www文件夾，打開http://localhost

來源

2015-05-29 15:50:52

您可以使用角JS爲包括另一個HTML文件

閱讀文檔這裏

https://docs.angularjs.org/api/ng/directive/ngInclude

例子：

<div class="container"> 
    <div ng-include="'filename.htm'"></div> 
</div>

來源

2015-05-29 16:01:27

簡單的方法...

1>添加JS文件，包括代碼

<script src="https://www.w3schools.com/lib/w3data.js"></script> 

    <script> w3IncludeHTML();</script>

2>只需撥打像例如HTML文件

<div w3-include-html="h1.html"></div>

來源

2017-03-21 06:55:39

在HTML頁面中使用jQuery包含HTML頁面

回答

相關問題