开发学院软件开发 Java JSF 2.0 Ajax 世界中的 GMaps4JSF 阅读

JSF 2.0 Ajax 世界中的 GMaps4JSF

　2009-10-16 00:00:00　来源：WEB开发网　　　

核心提示： 将下载的 JAR 文件放入 JSF 2.0 Web 应用程序的 WEB-INF/lib 目录，最后，JSF 2.0 Ajax 世界中的 GMaps4JSF(3)，将清单 2 中的库声明添加到 XHTML 页面以便使用 GMaps4JSF 组件，清单 2. GMaps4JSF 组件的库声明<

将下载的 JAR 文件放入 JSF 2.0 Web 应用程序的 WEB-INF/lib 目录。

最后，将清单 2 中的库声明添加到 XHTML 页面以便使用 GMaps4JSF 组件。

清单 2. GMaps4JSF 组件的库声明

<html　xmlns="http://www.w3.org/1999/xhtml"　　　　xmlns:ui="http://java.sun.com/jsf/facelets"　　　　xmlns:h="http://java.sun.com/jsf/html"　　　　xmlns:f="http://java.sun.com/jsf/core"　　　　xmlns:m="http://code.google.com/p/gmaps4jsf/">

使用 JSF 2.0 Ajax

Ajax 现在是大部分当代 Web 2.0 应用程序的一部分。从头编写 “Ajax” 应用程序让人很头疼。在客户端，您必须编写 JavaScript 客户端以发送 Ajax 请求并接收 Ajax 响应。在服务器端，应用程序必须准备好客户端能够理解的响应。除了这些复杂的要求之外，JavaScript 客户端代码应该是跨浏览器兼容的。JSF 2.0 Ajax 为您完成这些操作。

在 JSF 2.0 中，有两种方法向 JSF 2.0 应用程序添加 Ajax 支持。您可以使用框架提供的 JavaScript 库或新的 <f:ajax> 标记声明 JSF 组件的 Ajax 支持。

<f:ajax> 标记可以创建能附加到 JSF 组件动作的 Ajax 请求。例如，如果 <f:ajax> 标记放在动作源组件内部（如 <h:commandButton>），那么它可以在该组件的 “onclick” 动作上发送 Ajax 请求。如果该标记放入保存值的组件中（如 <h:selectOneListbox>），那么它支持在组件的 “onchange” 动作上发送 Ajax 请求。

清单 3 展示了如何轻松使用 JSF 2.0 Ajax。在该示例中，<f:ajax> 标签放在 <h:inputText> 组件内部。因此，当用户在 txtName 输入文本输入值并激活时，txtEnteredNameoutputText 将使用输入的值更新。