这与JSF 规范问题 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>
添加额外的if (typeof jsf !== 'undefined')
检查。jsf.ajax.addOnEvent()
JSF 组件库 PrimeFaces 已经在其核心 ajax 引擎中解决了这个问题,所以如果您碰巧已经使用它,您可能希望用<f:ajax>
PrimeFaces 替换所有链接/按钮。
也可以看看: