您有两种选择：
Ajax，它允许您使用Javascript从服务器检索数据，然后可以使用它来操作DOM。Ajax的基础是
XMLHttpRequest
对象，它使您可以在Javascript中完全检索后台数据。请注意，Ajax受同一起源策略的限制，但是对于您所描述的情况，这很好-您将从同一起源加载数据。框架（例如
iframe
元素），您可以通过设置框架的src
属性将其加载到其中。
在这两者之间，Ajax更加灵活。
参考资料/进一步阅读：
- DOM2核心
- DOM2 HTML
- DOM3核心
- HTML5 Web应用程序API
- XMLHttpRequest对象
旁注：尽管显然您可以
XMLHttpRequest直接使用和DOM方法，但是请注意，存在跨浏览器的差异（以及彻底的错误），可以通过jQuery，Prototype，YUI，Closure或任何其他不错的库为您平滑这些差异。在其他几个人中。它们还提供了许多有用的实用程序功能，使您可以专注于要解决的实际问题，而不必关注管道的详细信息。
例如，以下是使用jQuery向服务器发送Ajax请求并使用服务器发送回的HTML片段更新页面上的元素的方式：
$("#target").load("get_the_data.php", {article: x});就是说：请求一个HTML片段，
get_the_data.php将参数
article和
x变量值一起发送给它，然后将该HTML片段放入具有HTML
id“目标”的元素中。如果您不使用库，那将是十行不错的代码。现在，这不是很多，但要反复重复（并在此过程中，通过IE查找围绕元素的IE错误
id），您将了解如何将其累加。
我确实建议您阅读上面的参考资料，以便您知道库是如何做的（这不是魔术），但是没有理由不利用人们所做的辛勤工作来简化这些工作。
