您可以使用以下脚本来修复 Mojarra 2.0/2.1/2.2 错误（注意：这不会出现在 MyFaces 中）。此脚本将为在 ajax 更新后未检索到任何视图状态的表单创建 javax.faces.ViewState 隐藏字段。
jsf.ajax.addOnEvent(function(data) {
if (data.status == "success") {
fixViewState(data.responseXML);
}
});
function fixViewState(responseXML) {
var viewState = getViewState(responseXML);
if (viewState) {
for (var i = 0; i < document.forms.length; i++) {
var form = document.forms[i];
if (form.method == "post") {
if (!hasViewState(form)) {
createViewState(form, viewState);
}
}
else { // PrimeFaces also adds them to GET forms!
removeViewState(form);
}
}
}
}
function getViewState(responseXML) {
var updates = responseXML.getElementsByTagName("update");
for (var i = 0; i < updates.length; i++) {
var update = updates[i];
if (update.getAttribute("id").match(/^([\w]+:)?javax\.faces\.ViewState(:[0-9]+)?$/)) {
return update.textContent || update.innerText;
}
}
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);
}
function removeViewState(form) {
for (var i = 0; i < form.elements.length; i++) {
var element = form.elements[i];
if (element.name == "javax.faces.ViewState") {
element.parentNode.removeChild(element);
}
}
}
只需将其作为<h:outputScript name="some.js" target="head"> 包含在错误页面的<h:body> 中即可。如果您不能保证有问题的页面使用 JSF <f:ajax>，这将触发自动包含 jsf.js，那么您可能希望在 jsf.ajax.addOnEvent() 调用之前添加一个额外的 if (typeof jsf !== 'undefined') 检查，或者明确包含它由
<h:outputScript library="javax.faces" name="jsf.js" target="head" />
请注意 jsf.ajax.addOnEvent 仅涵盖标准 JSF <f:ajax> 而不是例如PrimeFaces <p:ajax> 或 <p:commandXxx> 因为他们使用 jQuery 来完成这项工作。要同时涵盖 PrimeFaces ajax 请求，请添加以下内容：
$(document).ajaxComplete(function(event, xhr, options) {
if (typeof xhr.responseXML != 'undefined') { // It's undefined when plain $.ajax(), $.get(), etc is used instead of PrimeFaces ajax.
fixViewState(xhr.responseXML);
}
}
更新如果您使用 JSF 实用程序库 OmniFaces，很高兴知道上述内容自 1.7 以来已成为 OmniFaces 的一部分。只需在<h:body> 中声明以下脚本即可。另请参阅showcase。
<h:body>
<h:outputScript library="omnifaces" name="fixviewstate.js" target="head" />
...
</h:body>