通過jquery追加HTML文件失敗

我知道這個問題已被問了好幾次，但我遇到了這個問題。我想追加我的index.html文件與內容otherpage.html通過jquery追加HTML文件失敗

我的index.html的代碼是

<html> 
<head> 
    <script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $.get("otherpage.html", function (data) { 
       $("#appendToThis").append(data); 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <div id="appendToThis"></div> 
</body>

而且我對otherpage.html代碼

<p>This is second page.</p>

當我打開Index.html時，我看到一個空白的白頁。任何人都可以請指出哪裏的錯誤是..在此先感謝

來源

2017-02-28 HN Singh

你不能在文件系統上執行ajax – mehulmpt

代碼對我來說工作正常。很可能你會得到一個CORS錯誤。嘗試將其加載到Web服務器中。 – APAD1

控制檯是否記錄任何錯誤？ –

在網站或局域網內，運行文件。 Chrome瀏覽器通過文件協議禁用Ajax請求。

你可以試試下面的標誌，如果你真的想運行它：chrome --allow-file-access-from-files

來源

2017-02-28 18:50:11 mehulmpt

downvote的原因？ – mehulmpt

-1

嘗試它希望它會工作

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

來源

2017-02-28 18:53:08

這是另一種回答的問題，我認爲是你在找什麼：

How to load another html file using JS

本例使用其他一些人在這個線程正在作出點。它將需要JS的AJAX請求來讀取文件，解析它，然後替換該信息。該示例使用onClick方法，但您應該能夠使用您喜歡的任何方法（包括加載時）來執行您定義的AJAX調用函數。

來源

2017-02-28 19:00:34 malodie

你的代碼沒有問題，問題可能是：

默認瀏覽器無法從系統通過AJAX加載文件，所以你必須運行在Web頁面server.you可以使用http-server ，該服務器使用和安裝簡單，但首先您必須安裝nodejs。
如果您已經在服務器上運行了頁面，但仍然無法加載部分頁面，那麼您的部分頁面url可能是錯誤的。

來源

2017-02-28 19:09:13

通過jquery追加HTML文件失敗

回答

相關問題