结合使用 Ajax 和 WebSphere Portal

核心提示： 加载任何外部 JavaScript 文件 对于添加到 Portlet 页面的任何外部资源，您必须对 URL 进行编码，结合使用 Ajax 和 WebSphere Portal(5)，并设置基本上下文，如清单 3 所示， xhr.open(), xhr.setRequestHandler(), a

加载任何外部 JavaScript 文件

对于添加到 Portlet 页面的任何外部资源，您必须对 URL 进行编码，并设置基本上下文，如清单 3 所示。

清单 3. 对 URL 进行编码并设置基本上下文的脚本。
<script　type="text/javascript"　
　src="<%=renderResponse.encodeURL(　
　　　　　renderRequest.getContextPath()　+　"/js/myajax.js?v1.1.2")%>"　>　
</script>　

提示： 通过在 JavaScript 参数上使用字符串参数，可以使浏览器在每次加载时强制执行缓存刷新。如果您的 JavaScript 可能频繁更改，则此刷新将使浏览器不能使用旧的缓存代码。此示例使用的是版本 ID（?v1.1.2），但是也可以使用任何字符串。

实现 Ajax 框架

使 Ajax 执行其奇妙方法的过程涉及到几个样板文件操作。我们在此处向您简要介绍一下。以后您会看到相关代码说明描述，并且可以按教程说明进行操作。

创建全局 XMLHttpRequest 对象变量。因为所有通信都是异步的，所以您必须为每个 Ajax 事件定义唯一的变量。

定义触发该进程的事件。通常，您可以在输入标记中使用 JavaScript 事件。例如：<input ... >

定义一个函数以处理事件；特别是，要实现以下任务：

实例化 XMLHttpRequest (xhr) 对象变量。此变量的细节是特定于浏览器的，我们将在后续教程中对此进行介绍。

设置 xhr 回调函数。 xhr.onreadystatechange()

设置 Servlet、类型和参数。 xhr.open(), xhr.setRequestHandler(), and xhr.send()

定义回调函数，以处理通信状态和响应数据。

此函数会处理各种通信状态更改（如调用启动时、建立连接时和接收到响应时）。