將HTML內容從一個頁面提取到另一個頁面

我有一個頁面，其中包含許多包含不同類型信息的頁眉。此頁面是對與特定主題有關的所有信息的整合。我們有許多其他頁面應單獨顯示這些單獨的標題，但不顯示所有這些頁面（類似於iframe，但沒有全部頁面內容）。將HTML內容從一個頁面提取到另一個頁面

有沒有一種方法可以設置合併頁面，其中一些ID將被其他頁面單獨拉出，因此只顯示單個ID中的內容？

我用以下來測試一個jQuery方法。

內容頁

<html> 

<head><title>page 1</title></head> 

<body> 

<div id="info1"> 
This is DIV 1 info. 
</div> 


<div id="info2"> 
This is DIV 2 info. 
</div> 

</body> 

</html>

檢索頁

<head> 
<title>page 2</title> 
    <style> 
    body{ font-size: 12px; font-family: Arial; } 
    </style> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
</head> 

<body> 

<script> 
    $("#info1").load("page1.htm"); 
</script> 

<script> 
    $("#info2").load("page1.htm"); 
</script> 

<b>Successful Response (should be blank):</b> 
<div id="success"></div> 
<b>Error Response:</b> 
<div id="error"></div> 

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

</body> 

</html>

來源

2011-09-19 ejeaglesct

它的軟件，當然有一種方法。唯一的問題是「如何？」和「它有多難？」 – Sorpigal

爲什麼你不能在服務器端做到這一點？ – Marcin

document.ready。學習它，愛它，使用它。 –

您可以使用jQuery .load（）和頁面片段做到這一點。這裏是文檔： http://api.jquery.com/load/

來源

2011-09-19 15:12:26

雖然我沒有從服務器上加載任何這些內容，但它是一個HTML頁面。我無法讓那個人工作。 – ejeaglesct

@ejeaglesct：如果它是「一個HTML頁面到另一個」，則關閉服務器。在你做這個之前瞭解網絡的工作原理。 – Marcin

感謝您的反饋...僅供參考，不是每個人在線都是經過全面培訓的認證計算機程序員。我們中的一些人知識淵博，以至於我們的老闆要求我們的事情，我們需要一些額外的幫助。再次感謝。 – ejeaglesct

將HTML內容從一個頁面提取到另一個頁面

回答

相關問題