JSF2的Ajax支持包含一个非常基本的功能以听取JSF客户端处理代码中的事件和错误。它假设该功能会被部分开发员使用以监视事件,例如,当出现一个明显的Ajax请求时,图像会变成黄色,而没有这样的Ajax请求时则是黑色。本文将尝试解决JSF2中的Ajax事件和错误。
闲话少说,以下就是从Mojarra的ajax样本中截取的一部分代码:
在出现Ajax调用的页面,我们会有以下域:
< h3> Status:< /h3>
< textarea id="statusArea" cols="40" rows="10" readonly="readonly" />
一个简单的文本区域,甚至都没有引入后端服务器数据模型。
然后,在我们的javascript中我们会看到这样的代码:
以下为引用的内容:
var statusUpdate = function statusUpdate(data) {
var statusArea = document.getElementById("statusArea");
var text = statusArea.value;
text = text + "Name: "+data.source.id;
if (data.type === "event") {
text = text +" Event: "+data.name+"\n";
} else { // otherwise, it's an error
text = text + " Error: "+data.name+"\n";
}
statusArea.value = text;
};
// Setup the statusUpdate function to hear all events on the page
jsf.ajax.addOnEvent(statusUpdate);
jsf.ajax.addOnError(statusUpdate);
运行代码的时候,你会看到一组数据流向页面其他地方出现的ajax事件一样通过文本区域。尝试样本代码可以看到更多。
到底发生了什么:首先,我们定义了一个JavaScript函数,将其设置为可变量,然后调用两个JSF ajax 应用程序接口函数:assOnEvent和assOnError。这些函数使用statusUpdate函数作为其回调,作为第一个参数传送数据对象。
该数据对象,连同函数本身都在JSF2说明的14.4章节进行了定义。就事件而言,存在三个命名的事件:开始,完成以及成功。
·开始——在请求被发送前就发生了。
·完成——一旦请求完成,且还未调用javax.faces.response前发生。
·成功——在响应方法结束后发生
这意味着对于一般的请求,这三项事件都会被调用,而如果出现某种错误,那么就只有开始和完成两项事件会被调用。而就错误而言,有四种可能的命名错误:
·httpError——如果客户接收到任何HTTP状态不是200到299中间的任何数就会出现这一错误。
·emptyResponse——当连接被放弃而没有出现任何响应的时候发生。
·malformedXML——这意味着接收到的XML不能被正确地分析。
·serverError——当错误在服务器上生成且被传送回客户端时出现这一错误。
数据有效负载包括:
·类型——事件或错误之一。
·名称——错误或事件名称,如上所述。
·源——触发事件的DOM要素。
·对于那些称为serverError的错误,也存在一个errorName和errorMessage域,目的是为了发送并完成服务器错误。
·附加的responseCode,responseXML和responseTxt,作为XMLHttpResponse对象。
因此,你什么时候需要使用这一功能呢?可能不会经常使用。但是由于它没有在任何其他其他留下记载,笔者希望能对其作出一些描述。
分享到:
相关推荐
5. **事件处理**:Ajax4JSF支持多种AJAX事件,如"begin"、"complete"、"success"和"failure",开发者可以为这些事件编写相应的处理代码,以控制AJAX请求的生命周期。 6. **资源管理**:Ajax4JSF包含了一个资源管理...
例如,使用CSS设计一个响应式的布局,当用户在JSF组件(如输入框或下拉菜单)上触发事件时,通过JavaScript和JSF的Ajax功能向服务器发送请求,获取并动态渲染新的数据。这不仅减少了页面的加载时间,还确保了用户的...
2. **Ajax事件和监听器**:讲解如何定义和处理JSF中的Ajax事件,如`ajaxBehaviorEvent`,以及如何添加监听器来响应这些事件。 3. **Ajax请求和响应**:如何使用`<f:ajax>`标签或者JSF的Ajax API来发送异步请求,并...
通常,这需要在项目的类路径中添加相应的jar,配置web.xml以启用Facelets和Ajax4jsf,然后在Facelets页面中使用Ajax4jsf的组件和行为。 6. **开发实践**:在实际开发中,开发者可以通过JSF的Managed Beans定义业务...
2. **JSF 2.0的Ajax API**:JSF 2.0引入了`<f:ajax>`标签,它允许开发者声明式地添加Ajax行为到JSF组件上。通过设置`render`、`execute`等属性,我们可以指定哪些组件应该被更新和执行。 3. **自定义Ajax行为**:...
Ajax4jsf是一个用于在JavaServer Faces (JSF) 应用程序中集成AJAX技术的组件库和框架。这个框架由Red Hat公司于2007年开发,旨在提升Web应用的用户体验,通过异步数据交换实现部分页面刷新,从而提供更流畅、响应更...
【JSF(JavaServer Faces)】 ...这个项目可能包括了数据库设计、JSF组件配置、Managed Bean的编写以及AJAX事件处理等内容。通过这样的练习,开发者可以深入理解这三个技术的协同工作方式,提升Web开发技能。
7. **事件和监听器增强**:JSF2扩展了事件模型,允许开发者自定义事件和监听器,增强了组件之间的通信。 8. **Ajax支持**:JSF2通过`<f:ajax>`标签提供了内置的Ajax支持,可以方便地实现局部更新,提升用户体验。 ...
2. **JSF的Ajax事件和行为**:JSF提供了一种称为AJAX事件的机制,允许开发者定义在特定用户交互时触发的Ajax调用。例如,`<f:ajax>`标签可以绑定到JSF组件上,当该组件发生改变时,触发Ajax请求。 3. **Ajax响应...
在IT行业中,AJAX(Asynchronous JavaScript and XML)和JSF(JavaServer Faces)以及EJB(Enterprise JavaBeans)是三个重要的技术概念,它们分别在Web应用的交互性、用户界面和企业级服务方面起着关键作用。...
JSF的核心概念包括组件、事件和转换,以及与后台服务的交互。JSF通过组件树来管理页面状态,并且支持多种视图技术,如JSP、Facelets等。 2. **JSF组件库**:JSF提供了一套丰富的内置组件,如输入字段、按钮、表格等...
最新的JSF版本(如JSF 3.0)引入了更多新特性,如响应式设计支持、改进的错误处理和增强的类型安全EL。 总结来说,这份“JSF很全面的帮助文档”将引导开发者深入理解JSF框架的各个方面,从基础概念到高级特性,包括...
- 事件处理模型:JSF2中的事件可以分为四类:值变化事件、动作事件、阶段事件和系统事件。 - JSF表达式语言(EL):一种表达式语法,用来访问JavaBeans组件的属性或方法。 - JSF标签库:包含核心标签库、HTML标签...
Ajax4jsf架构概述提供了对框架内部工作原理的深入理解,包括请求处理流程、事件模型和组件生命周期。了解这些基础概念对于高效使用框架至关重要。 ##### 发送AJAX请求 发送AJAX请求是使用Ajax4jsf的关键步骤,通过`...
8. **错误处理和验证**:JSF 2改进了错误处理和验证机制,允许开发者自定义错误消息,同时支持客户端和服务器端验证。 **Mojarra作为JSF 2的参考实现** Mojarra是JSF规范的主要实现之一,它完全符合JSF 2的标准。`...
综上所述,JSF 2.0 的局部刷新功能通过 `<f:ajax>` 标签和 AJAX 技术,使开发者能够创建更加动态和响应式的 Web 应用。理解并熟练运用这些技术,将有助于提升 Web 应用的交互性和效率。在实践中,结合源码分析和相关...
**Ajax4JSF** 是一个基于JavaServer Faces (JSF) 的开源库,它扩展了JSF的功能,引入了异步JavaScript和XML (Ajax) 技术,为JSF应用程序提供了丰富的用户界面交互性。Ajax4JSF的核心目标是简化在JSF应用中集成Ajax...