Question

我有一个ajax commandButton，当我点击它时，它会更新我使用的表单并在onclick方法上调用js函数。

问题：一个字段最初是不可见的，我使用style="display:none"来表示不可见。当我单击按钮时，它会更新表单数据并显示：none仍然存在。在onclick命令中，我使用js函数将style="display:none更改为style="display:block"。

这是我的js函数：

setTimeout(function() {
PF('field').jq.css('display', 'block');
}, delay);

我使用延迟等待更新完成其工作。

这是我的命令按钮：

<p:commandButton ajax="true" update="form" onclick="jsFunc();"</p:commandButton>

但是我想确定当ajax更新完成它的工作，然后我想调用js函数。

这样做的最佳方式是什么？

提前致谢。

Answer 1

更改onclick的{{1}}，更新后，oncomplete事件将触发，有关详细信息，请查看this

Answer 2

你可以通过成功的方法来做到!! 例如：

    $(".button").click(function(){
        $.ajax({
            type: "POST",
            url: "xxx.php",
            data: {
                'name': data
            },
            success: function(resp) { // resp is the response of php file !
            // something to do after ajax completed !!
            }
        });
});

如何在ajax更新完成后调用js函数

2 个答案: