错误页面上的错误报告表

Question

我在 JBoss 7.1 和 Richfaces 4.1 中有一个 JSF Web 应用程序。我尝试在 web.xml 中配置自定义错误页面，但遇到了问题，这不适用于 AJAX 请求。作为解决方案，我尝试使用Omnifaces FullAjaxExceptionHandler，它可以很好地显示错误页面。

但是，我想添加一个表单，允许用户输入其他信息并将其与例外一起作为电子邮件发送给我。问题是在错误页面上，提交按钮不起作用。当我单击它时，错误页面刚刚重新加载。在下一次点击时，一切都按预期工作。

错误页面模板中的小菜单中的 h:commandlinks 也会出现同样的问题。

我对 JSF 很陌生，所以我真的不知道为什么会发生这种情况以及如何解决它。或者有没有更好的方法来做到这一点？

Answer 1

这与 JSF spec issue 790 相关，归结为 ajax 更新某些组件，而该组件又包含一个或多个 <h:form> 组件，无法正确更新这些表单的新视图状态标识符。

这个问题在即将发布的 JSF 2.2 中得到修复，但在此之前，您必须使用以下基于 JavaScript 的解决方法。

jsf.ajax.addOnEvent(function(data) {
    if (data.status == "success") {
        var viewState = getViewState(data.responseXML);

        if (viewState) {
            for (var i = 0; i < document.forms.length; i++) {
                var form = document.forms[i];

                if (!hasViewState(form)) {
                    createViewState(form, viewState);
                }
            }
        }
    }
});

function getViewState(responseXML) {
    var updates = responseXML.getElementsByTagName("update");

    for (var i = 0; i < updates.length; i++) {
        var update = updates[i];

        if (update.getAttribute("id") == "javax.faces.ViewState") {
            return update.firstChild.nodeValue;
        }
    }

    return null;
}

function hasViewState(form) {
    for (var i = 0; i < form.elements.length; i++) {
        if (form.elements[i].name == "javax.faces.ViewState") {
            return true;
        }
    }

    return false;
}

function createViewState(form, viewState) {
    var hidden;

    try {
        hidden = document.createElement("<input name='javax.faces.ViewState'>"); // IE6-8.
    } catch(e) {
        hidden = document.createElement("input");
        hidden.setAttribute("name", "javax.faces.ViewState");
    }

    hidden.setAttribute("type", "hidden");
    hidden.setAttribute("value", viewState);
    hidden.setAttribute("autocomplete", "off");
    form.appendChild(hidden);
}

只需将其作为<h:outputScript name="some.js" target="head"> 包含在错误页面的<h:body> 中即可。如果您不能保证页面使用 JSF <f:ajax>，那么您可能需要在 jsf.ajax.addOnEvent() 调用之前添加一个额外的 if (typeof jsf !== 'undefined') 检查。

JSF 组件库 PrimeFaces 已经在其核心 ajax 引擎中解决了这个问题，所以如果你碰巧已经使用它，你可能想用 PrimeFaces 替换所有 <f:ajax> 链接/按钮。

另见：

• Communication in JSF 2.0 - Ajax rendering of content which contains another form