JSF 2.0利用JS函数处理Ajax异常

最新推荐文章于 2022-11-10 20:02:24 发布

原创最新推荐文章于 2022-11-10 20:02:24 发布 · 345 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JSF 2.0 #Ajax Exception

JSF 专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了JSF2.0规范中关于Ajax异常信息的格式化处理方式，包括如何通过com.sun.faces.context.AjaxExceptionHandlerImpl实现Ajax错误的监控。同时阐述了在页面中如何全局引入脚本函数addOnError()，以及定义一个全局回调函数来处理Ajax错误，确保页面的稳定性和用户体验。

JSF2.0规范中定义Ajax异常信息的形式为：

<partial-response>
    <error>
        <error-name>...</error-name>
        <error-message>...</error-message>
    </error>
</partial-response>

    可参见com.sun.faces.context.AjaxExceptionHandlerImpl的源码。
    JSF提供了全局脚本函数addOnError()用于监控Ajax错误，将函数定义在全局模板内可以实现页面共用。
    全局函数定义在jsf.ajax.js文件中，使用全局函数的页面应引用该脚本资源文件：

<h:head>
   <h:outputScript library="javax.faces" name="jsf.js"/>
</h:head>

定义全局回调函数：

<h:head>
  <h:outputScript>
    var handleError = function(data){
      var componentId = data.source.id;
      var xml = data.responseXML;
      var text = data.responseText;
      var code = data.responseCode;
      var type = data.type;
      var status = data.status;
      var description = data.description;
      var errorName = data.errorName;
      var errorMessage = data.errorMessage;

      var error = ... + ... + ....;
      alert(error);
      location.href = "/welcome.xhtml";
    };
    jsf.ajax.addOnError(handleError);
  </h:outputScript>
</h:head>