将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内容从一个页面提取到另一个页面

回答

相关问题