用动态元素自动更新 Web 页面

核心提示：您可能知道如何在标准 JSF 组件内使用 JavaScript 和 Cascading Style Sheets (CSS) 来隐藏和显示可选的 JavaServer Faces (JSF) 组件，为了实现这个目的，用动态元素自动更新 Web 页面，您需要首先识别所有的 JSF 组件并将它们写入到 JSF 页面，但是，

您可能知道如何在标准 JSF 组件内使用 JavaScript 和 Cascading Style Sheets (CSS) 来隐藏和显示可选的 JavaServer Faces (JSF) 组件。为了实现这个目的，您需要首先识别所有的 JSF 组件并将它们写入到 JSF 页面。但是，如果开发的是包含动态元素的 Web 页面并且这些动态元素直到运行时才知道，那么就不可能这么做。在本文中，了解如何在自动更新 Web 页面的动态元素的同时，清除旧的 UI 元素，以及如何使用 Java™ 代码来添加新的元素并将它们放入到 Web 页面中的适当位置。您还将了解如何将不同的事件处理程序绑定到 Web 页面的不同动态元素、如何注册一个侦听器来侦听服务器端数据的变更以调用页面刷新，以及如何使用 Asynchronous JavaScript and XML (Ajax) 技术来只刷新 Web 页面的动态部分。

简介

有时，您可能需要用动态元素自动更新一个 Web 页面。比如，对于一个投票网站，它需要在数据库接收到新的投票时就立刻更新投票结果，又比如，一个股票网站需要能够定期地更新证券的实时交易数据。投票结果以及实时的交易数据都是动态元素，直到运行时才能知道，但是当服务器端发出信号时，这些元素就应该能被添加或更新。那么，在一个 JSF 应用程序中如何做到这一点呢？

此前的一篇 developerWorks 文章 “联合使用 CSS、JavaScript 和 JSF 精心打造 Ajax 应用程序，第 2 部分: 动态 JSF 表单” 介绍了如何在刷新 Web 页面的同时隐藏和显示可选的 JSF 组件。但是，这篇文章中所介绍的方法并不能解决上述问题。因为该方法需要您标识出所有的 JSF 组件并将它们写入到您的 JSF 页面。如果这些动态元素直到运行时都无法被识别，该怎么办呢？