Jetspeed2中Ajax的支持
一、概述
Jetspeed2中实现了对Ajax的支持。客户端可以通过基于HTTP请求的API接口异步向服务端发送请求，得到xml格式的数据响应。
二、Ajax简介
AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。
Ajax 应用程序所用到的基本技术：
1）HTML 用于建立 Web 表单并确定应用程序其他部分使用的字段。
2）JavaScript 代码是运行 Ajax 应用程序的核心代码，帮助改进与服务器应用程序的通信。
3）DHTML 或 Dynamic HTML，用于动态更新表单。我们将使用 div、span 和其他动态 HTML 元素来标记 HTML。
4）文档对象模型 DOM 用于（通过 JavaScript 代码）处理 HTML 结构和（某些情况下）服务器返回的 XML。
AJAX不是指一种单一的技术，而是有机地利用了一系列相关的技术。
Ajax应用程序的优势在于：
1. 通过异步模式，提升了用户体验
2. 优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用
3. Ajax引擎在客户端运行，承担了一部分本来由服务器承担的工作，从而减少了大用户量下的服务器负载。
Ajax的工作原理相当于在用户和服务器之间加了—个中间层，使用户操作与服务器响应异步化。这样把以前的一些服务器负担的工作转嫁到客户端，利于客户端闲置的处理能力来处理，减轻服务器和带宽的负担，从而达到节约ISP的空间及带宽租用成本的目的。Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。
更多详细情况请参看相关文档说明。
三、功能
使用ajax接口可以实现以下功能：
<!--[if !supportLists]-->1、 <!--[endif]-->个性化页面布局：在一个页面里移动，复制，添加或移去一个portlet。
<!--[if !supportLists]-->2、 <!--[endif]-->布局样式选择：在一个页面里改变布局样式，比如行数，列数。
<!--[if !supportLists]-->3、 <!--[endif]-->主题和装饰器选择：在一个页面里改变主题和portlet装饰器。
<!--[if !supportLists]-->4、 <!--[endif]-->Portlet选择：为用户提供一个portlet的选择列表。
<!--[if !supportLists]-->5、 <!--[endif]-->安全配置：对一个资源配置安全约束或安全方针。
<!--[if !supportLists]-->6、 <!--[endif]-->菜单配置：为portal站点创建或修改菜单。
<!--[if !supportLists]-->7、 <!--[endif]-->普通的管理：目前只有获取用户信息和用户列表，其他的管理功能还没有。
四、实现
AJAX的实现可以分为客户端和服务端两方面：
在服务端，所有的AJAX API请求都是一个标准的Jetspeed Pipeline请求，您可以根据需要自己定义处理流程。在预定义的AjaxPipeline里需要经过7个Valve（阀门）。capabilityValve；portalURLValve；securityValve；localizationValve；profilerValve；containerValve；layoutValve。在layoutValve中定义了一个Spring component处理所有的AJAX请求——AjaxRequestService，根据不同的参数处理相应的请求。每一个AJAX处理都有一个自己的安全约束，在一个页面里的所有请求将使用整个页面配置的安全约束。根据不同的处理动作，需要判断是处于view模式下还是edit模式下。比如，获取信息的操作只要需要在view状态下；而添加，移动，删除等操作需要在edit状态下。
在客户端，AJAX客户端都是在javascript中调用。遗憾的是jetspeed2 中的javascript都被混淆了，不过可以查看别的资料去了解实现方式。比较核心的就是这么几个方法：
1、创建新的 XMLHttpRequest 对象
<script language="javascript" type="text/javascript">
var request = new XMLHttpRequest();
</script>
2、增加对 Microsoft 浏览器的支持
<script language="javascript" type="text/javascript">
var request = false;
try {
request = new XMLHttpRequest();
} catch (trymicrosoft) {
try {
request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (othermicrosoft) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
request = false;
}
}
}
if (!request)
alert("Error initializing XMLHttpRequest!");
</script>
3、打开请求
request.open("GET", url, true);
4、设置回调方法
request.onreadystatechange = updatePage;
5、发送请求
request.send(null);
6、处理服务器响应
function updatePage() {
if (request.readyState == 4)
if (request.status == 200)
alert("Server is done!");
else if (request.status == 404)
alert("Request URL does not exist");
else
alert("Error: status code is " + request.status);
}
五、接口定义
Jetspeed2中AJAX访问都是通过“ajaxapi”路径，后面跟随要操作的页面。如果没有指定就去访问当前用户的缺省页面。
对不同的请求有不同的请求参数，但其中有一个“action”参数是必须的，缺省的action是getpage。
例如：
http://localhost:8080/jetspeed/ajaxapi/Public/content.psml
具体的接口定义请参看Jetspeed2的官方网站，那里介绍的很详细，这里就不一一列举了。
六、参考资料
Jetspeed2官方网站
http://portals.apache.org/jetspeed-2/guides/guide-ajax-api.html
掌握AJAX系列 作者：Brett McLaughlin
http://www.ibm.com/developerworks/cn/web/wa-ajaxintro/