JSF2中Ajax事件和错误
创始人
2024-04-05 11:01:28
0

JSF2的Ajax支持包含一个非常基本的功能以听取JSF2客户端处理代码中的事件和错误。它假设该功能会被部分开发员使用以监视事件,例如,当出现一个明显的Ajax请求时,图像会变成黄色,而没有这样的Ajax请求时则是黑色。本文将尝试解决JSF2中的Ajax事件和错误。

闲话少说,以下就是从Mojarra的Ajax样本中截取的一部分代码:

在出现Ajax调用的页面,我们会有以下域:

  1. < h3> Status:< /h3> 
  2. < textarea id="statusArea" cols="40" rows="10" readonly="readonly" /> 

一个简单的文本区域,甚至都没有引入后端服务器数据模型。

然后,在我们的javascript中我们会看到这样的代码:

  1. var statusUpdate = function statusUpdate(data) {  
  2. var statusArea = document.getElementById("statusArea");  
  3. var text = statusArea.value;  
  4. texttext = text + "Name: "+data.source.id;  
  5. if (data.type === "event") {  
  6. texttext = text +" Event: "+data.name+"\n";  
  7. else { // otherwise, it's an error  
  8. texttext = text + " Error: "+data.name+"\n";  
  9. }  
  10.  statusArea.value = text;  
  11. };  
  12.    // Setup the statusUpdate function to hear all events on the page  
  13. jsf.ajax.addOnEvent(statusUpdate);  
  14. jsf.ajax.addOnError(statusUpdate); 

运行代码的时候,你会看到一组数据流向页面其他地方出现的Ajax事件和错误一样通过文本区域。尝试样本代码可以看到更多。

到底发生了什么:首先,我们定义了一个JavaScript函数,将其设置为可变量,然后调用两个JSF Ajax 应用程序接口函数:assOnEvent和assOnError。这些函数使用statusUpdate函数作为其回调,作为第一个参数传送数据对象。

该数据对象,就事件而言,存在三个命名的事件:开始,完成以及成功。
◆开始——在请求被发送前就发生了。
◆完成——一旦请求完成,且还未调用javax.faces.response前发生。
◆成功——在响应方法结束后发生

这意味着对于一般的请求,这三项事件都会被调用,而如果出现某种错误,那么就只有开始和完成两项事件会被调用。而就错误而言,有四种可能的命名错误:
◆httpError——如果客户接收到任何HTTP状态不是200到299中间的任何数就会出现这一错误。
◆emptyResponse——当连接被放弃而没有出现任何响应的时候发生。
◆malformedXML——这意味着接收到的XML不能被正确地分析。
◆serverError——当错误在服务器上生成且被传送回客户端时出现这一错误。

数据有效负载包括:
◆类型——事件或错误之一。
◆名称——Ajax事件和错误名称,如上所述。
◆源——触发事件的DOM要素。
◆对于那些称为serverError的错误,也存在一个errorName和errorMessage域,目的是为了发送并完成服务器错误。
◆附加的responseCode,responseXML和responseTxt,作为XMLHttpResponse对象。

因此,你什么时候需要使用这一功能呢?可能不会经常使用。但是由于它没有在任何其他其他留下记载,笔者希望能对其作出一些描述。

【编辑推荐】

  1. JSF的工作方式
  2. Acegi安全系统与JSF结合
  3. JavaServer Faces(JSF)简介
  4. 在JSF中的页面导航问题
  5. 介绍JSF框架中使用的设计模式

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...
《非诚勿扰》红人闫凤娇被曝厕所... 【51CTO.com 综合消息360安全专家提醒说,“闫凤娇”、“非诚勿扰”已经被黑客盯上成为了“木...
2012年第四季度互联网状况报... [[71653]]  北京时间4月25日消息,据国外媒体报道,全球知名的云平台公司Akamai Te...