每次 JSF ajax 回发后执行 JavaScript

Question

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

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

jQuery(document).ready(mahFunction);

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

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

Answer 1

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

<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 规范（单击评估链接） 。以下是相关性的摘录：

表 14-4 事件数据负载

 名称 说明/值
    ------------- ------------------------------------- ----------------
    输入“事件”
    status 表 14-3 中指定的事件之一
    source 触发 Ajax 请求的 DOM 元素。
    responseCode Ajax 请求对象 'status' (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< 的随机示例/a> 命令按钮。

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

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

另请参阅：

• 如何在表单重新渲染后重新执行 javascript 函数？