在每次 JSF ajax 回发后执行 JavaScript

Question

我有一个 javascript 函数，我想在 JSF 2 中的每次异步回发后执行它。

我已执行以下操作以确保执行每个完整页面回发：

jQuery(document).ready(mahFunction);

我需要这样做的原因是为了解决第三方 JSF 组件库中的故障，因此我无法在服务器渲染阶段修改任何内容来为组件执行此操作。

我无法找到这方面的信息，这可能是因为我使用了不正确的术语。我曾经是一名 ASP.NET 开发人员，我将这些术语称为“整页回发”和“部分回发”，而其他 JSF 开发人员似乎不使用这些术语。

Answer 1

您可以通过jsf.ajax.addOnEvent 将其注册为 JSF ajax 回调处理程序：

<script>
    jsf.ajax.addOnEvent(foo);
</script>

与

<script>
    function foo(data) {
        var ajaxStatus = data.status; // Can be "begin", "complete" and "success".

        switch (ajaxStatus) {
            case "begin": // Right before sending ajax request.
                // ...
                break;
            
            case "complete": // Right after receiving ajax response.
                // ...
                break;

            case "success": // When ajax response is successfully processed.
                // ...
                break;
        }
    }
</script>

data 对象有几个有用的 XHR 派生属性，这些属性在JSF 2.0 specification 的表 14-4 中进行了描述（单击进行评估链接）。以下是相关性摘录：

表 14-4 事件数据负载

名称 描述/值 ------------- ------------------------------------- --------------- 输入“事件” status 表 14-3 中指定的事件之一 source 触发 Ajax 请求的 DOM 元素。 responseCode Ajax 请求对象“状态”（XMLHttpRequest.status）； “开始”事件不存在； responseXML XML 响应 (XMLHttpRequest.responseXML)； “开始”事件不存在； responseText 文本响应（XMLHttpResponse.responseTxt）； “开始”事件不存在；

---

作为一种替代方法，XHTML 声明式方法是将脚本调用嵌入到带有id 的 JSF 组件中，然后让 ajax 调用重新渲染它。组件应依次根据FacesContext#isPostback() 有条件地呈现脚本。

<h:form>
    <h:commandButton value="Submit" action="#{bean.submit}">
        <f:ajax render=":myscript">
    </h:commandButton>
</h:form>

<h:panelGroup id="myscript">
    <h:outputScript rendered="#{facesContext.postback}">foo();</h:outputScript>
</h:panelGroup>

---

然而，大多数组件库对此都有更好的抽象支持。由于您没有提及您使用的是哪一个以便给出更合适的答案，这里只是一个基于PrimeFaces 命令按钮的随机示例。

<p:commandButton value="Submit" action="#{bean.submit}" oncomplete="foo();" />

请参阅您正在使用的组件库的文档。

另见：

• How to re-execute javascript function after form reRender?