简介：在我们的前一篇文章结合使用 Ajax 和 WebSphere Portal 中，我们讨论了在门户应用程序中 使用 Ajax 时的一些问题和设计关注事项。在本教程中，我们将把新发现的知识投入使用，并创建一个 Ajax Portlet 应用程序。为了增加趣味，我们决定构建一个大量使用 Ajax 和 DHTML 的 Portlet。这 可以使您初步了解该技术的功能，同时还为您提供一个用于浏览数据库的有用工具。虽然该应用程序的 大部分都是已经编写好的，但是您将负责填补未编写好的部分以使其正常运行。
开始之前
在本教程中，您将为特定于 Ajax 的调用编写代码，检查操作页面的 DHTML 的代码，并完成从浏览 器到服务器的完整往返 Ajax 调用的过程。整个应用程序包括几百行代码，但是我们仅要求您编写重要 组件的代码，其余代码将由我们提供。相关步骤包括：
编写用于创建 XMLHttpRequest (XHR) 和处理 XML 文档对象的浏览器无关的代码。
向服务器发送 Ajax 请求并操作所返回的结果。
检索并操作 Portlet 配置中的 Servlet 上下文，以便动态访问 Portlet .war 文件中包括的 Ajax Servlet。
使 JavaScript 事件能够处理操作并显示或更新 JSP 页上的数据。
将该 Portlet 应用程序部署到 WebSphere Portal 上并查看结果。
我们还将检查用于操作此特定应用程序数据的代码，包括如何：
在异步 Ajax 调用期间启用和禁用表单元素。
在通过 Ajax 调用检索到新数据以后，使用 DHML 来更新选择框。
使用 innerHTML 来替换网页的部分，从而动态更新 HTML <div> 区域标记。
设置
本教程假设您将使用 Rational Application Developer (RAD) 或其系列成员之一，但是您可 以使用自己喜欢的任何工具来编辑和部署该门户应用程序。本练习中的所有内容都与特定的工具无关。 您还需要安装 WebSphere Portal v5.x 或更高版本，以及一个可用的数据库，当然，我们假设该数据库 是 DB2。
为了使所有这些部分协同工作，您需要将应用程序代码导入一个 RAD 门户项目，并在 WebSphere 中 至少创建一个数据源。以下步骤将帮助您着手开始此任务。