Question

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

1）调用javascript函数，基本上只做一些动画（如淡出和淡化）

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>

因此gameinfo是包含从服务器检索并使用ajax

调用的信息的表

和animate是我们的javascript函数，用于动画..

问题在于，一旦我们将ajaax命令放入表单标记

，animate就不起作用了

Answer 1

试试这个：

<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>

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

1 个答案: