如何通过按一个按钮调用javascript函数和ajax命令？

所以我想在表单中使用1个按钮（因为ajax需要在表单中？） 到

1） 调用一个javascript函数，它基本上只是做一些动画（比如fadeout和fadein）

2） 调用更新“信息”表的ajax函数

所以基本上我想要的是简单地点击一个按钮，例如“开始” 然后javascript会做一些客户端的事情，比如移动对象，ajax会给我关于存储在服务器上的对象的信息

我们的东西是这样的：

<h:panelGroup layout="block" id="player" class="player">
                    <h2 class="accessibility">W&uuml;rfelbereich</h2>
                    <span class="accessibility">An der Reihe ist</span><div id="currentPlayerName"><h:outputText value=" #{spiel.getSpieler_Name()}" /></div>
                    <h:commandButton id="dice" alt="W&uuml;rfel" image="resources/img/wuerfel0.png" action="#{spiel.dice()}" tabindex="4" title="W&uuml;rfel">
                        <f:ajax render=":gameinfo" onevent="animate" />
                    </h:commandButton>
                </h:panelGroup>

Wü；埃尔贝雷希
赖斯特酒店

因此，gameinfo是一个包含从服务器检索到的信息并使用ajax调用的表

动画是我们的javascript函数，用于制作动画

这里的问题是动画不起作用，一旦我们将ajaax命令放入表单标记中，请尝试以下操作：

<h:commandButton id="dice" alt="W&uuml;rfel" image="resources/img/wuerfel0.png" action="#{spiel.dice()}" tabindex="4" onclick="animate();" title="W&uuml;rfel">
    <f:ajax render=":gameinfo" />
</h:commandButton>

不起作用，因为onclick会以某种方式禁用ajax功能=（如果

animate

函数返回false，则会起作用，否则应该起作用。或者可能还有另一种情况-如果animate函数需要一段时间（即动画完成后返回）那么ajax将不会立即发送。动画功能是立即返回还是等待10秒的动画完成？