如何使用jQuery添加文件中的內容？

我有主HTML文件：如何使用jQuery添加文件中的內容？

<html><head></head> 
<body> 
    <div id="content"> 
    </div> 
</body> 
</html>

另外我有一個內容文件（而不是HTML文件，只要HTML代碼）：

<div class="CodeRay"> 
<div class="code"><pre><span class="no"> 1</span> require 
.... 
</pre></div>

我想補充的內容文件的HTML文檔一樣這裏：

<html><head></head> 
    <body> 
     <div id="content"> 
      <div class="CodeRay"> 
      <div class="code"><pre><span class="no"> 1</span> require 
      .... 
      </pre></div> 
     </div> 
    </body> 
</html>

如何使用jQuery來完成此任務？此外，我需要運行本地localy。謝謝。

編輯：本地意味着像這樣的「file：/// E：/Work/ReadTheCode/main.html」

來源

2011-05-30 megas

使用jQuery的功能。該代碼可能會是這個樣子：

$(document).ready(function(){ 
    $('#content').load('contentFile.html'); 
});

如果您需要更多的信息，here is the link到jQuery的負荷文檔。

來源

2011-05-30 22:06:40 Vap0r

可以在本地工作？ – megas 2011-05-30 22:10:58

它應該，不是嗎？ – Vap0r 2011-05-30 22:30:01

Chrome表示「XMLHttpRequest無法加載文件：/// E：/Work/ReadTheCode/content/base.html，原因null不被Access-Control-Allow-Origin允許。我認爲這是因爲XMLHttpRequest跨域 – megas 2011-05-30 22:39:06

你可以使用這樣的事情：

$('#result').load('ajax/test.html');

參見：http://api.jquery.com/load/

來源

2011-05-30 22:07:27 Dan

如何使用jQuery添加文件中的內容？

回答

相關問題