Ajax与Dynamic_JavaServer_Faces.pptVIP

Ajax与Dynamic JavaServer Faces 第11周 内容 Ajax简介 动态Faces 综述 生命周期 生态系统 应用模式 工具支持 JSF/Ajax—将来的方向 JSF 2.0对Ajax的支持 总结 Ajax介绍 Ajax（Asynchronous JavaScript And XML）是异步JavaScript和XML技术的缩写。 Ajax是多种技术的集合 客户端：Xhtml+CSS+DOM 通信模式： 异步Asynchronous，客户端与服务器之间实现异步通信 XMLHttpProtocol：应用通信协议 XML：数据交换格式 Javascript,实现客户端的动态事件处理，与服务器进行通信，将各种技术组合在一起 Ajax简介 本質上是一個浏览器端的技术 主要目的在于: 局部交換客戶端与服务器間的数据 与服务器之通信，完全是通过 Javascript 來实现 XMLHttpRequest 是這個技術的主角，它的最主要特點在於： 页面部分更新：能夠不用重新載入整個页面來更新資料 傳送的資料量很小，所以反應會更快，像一個桌面程序 AJAX 就是： 用 Javascript 在背后偷偷幫你去与服务器要資料， 再用Javascript 或 DOM 來幫你将资料在页面的局部位置呈現出来 15.1 传统的Web技术与Ajax技术 传统的web应用模型同步方式—用户活动与服务器行为不可同时进行 Ajax模型：异步 能。 Sun的Faces和Ajax方案 Dynamic Faces项目 给现在和将来的Faces开发应用提供Ajax能力 在Ajax能力方面有很大增强 让“Look Ma – No JavaScript” 作为一个选项 Dynamic Faces – 综述 在浏览器中更新JSF视图时，不需要刷新整个页面 在一个页面中做更多事情 向部分视图更新暴露JSF的生命周期，通过AJAX进行初始化和处理 支持直接从浏览器发出Faces事件 生命周期的重要性 Ajax请求需要经过JSF的普通生命周期，但只有期望的子视图得到处理。 在生命周期中，服务器可动态地添加和删除子视图，允许存在真正“脏区域dirty region”。 客户可建立一个用以“执行”和“呈现”的远程子视图集 服务器送回用XML描述的子视图，以用于刷新。 生命周期的重要性 Dynamic Faces 和 JSF 生命周期 Dynamic Faces 生态系统 Dynamic Faces 生态系统 在postback后，客户发送HTTP头,如： – com.sun.faces.avatar.Partial: true – com.sun.faces.avatar.Execute: zone1 – com.sun.faces.avatar.Render: zone0,zone1 Headers 标志一个到服务器的 Ajax请求 Dynamic Faces 生态系统 部分生命周期(Partial Lifecycle) 扩展了javax.faces.Lifecycle 确保在视图被呈现前没有向响应写出任何东西 在web.xml中通过servlet初始化参数设置 部分视图根(ViewRoot) 间接扩展了javax.faces.UIViewRoot 控制请求处理生命周期中，哪些组件在“执行”阶段处理，哪些在“呈现”部分处理 呈现出来的内容被封装在xml中传给客户(javascript) Dynamic Faces 生态系统 有些扩展在JSF1.2中被添加，用于： ponent.ContextCallback (interface) 实现类在特定组件上执行处理 UIComponent.invokeOnComponent 横切视图(Traverses the view)并为特定的组件ID执行 “ContextCallback”方法 javax.faces.ViewState 用于指示客户的回调。Useful for signalling postback (JSF) from client(javascript) 视图和部分视图 视图和部分视图 动态Faces的应用模式 页面作者： 应用支持Ajax的组件 应用AjaxZone标签Ajaxify页面区域 应用提供的javascript库Ajaxify页面元素和组件 组件作者： 应用提供的javascript库在客户组件中 编写javascript与HTTP协议直接和通过Dynamic Faces定义的XML应用通信 动态Faces的应用模式 应用AjaxZone 是Ajax化现有应用的最容易方法 在一个页面中定义一个或多个Ajaxzone 通过Ajax只有Zone的刷新，而不是整个页面。 Zone