javascript在启动时调用托管bean的方法，而不是在命令按钮单击时调用它们

Question

我正在开发一个使用 JSF、Maven、Spring-Data 框架和 Neo4J 图形数据库的 Web 应用程序项目。

这是我工作中的一个示例 JSF 页面

// JSF Sample Page
…
<h:commandButton value="button" onclick="fun(#{bean.doWork()})" />
…

以及我工作中的一个示例 JavaScript 页面

// JavaScript Sample Page
…
function fun (var_value) {
…
}
…

以及我工作中的示例托管 Bean 类

// Managed Bean Sample Class
…
public int doWork() {
…
}
…

问题是： JavaScript在启动时调用托管bean的方法（我不知道为什么）。

最大的问题是： JavaScript 不会在命令按钮单击时调用托管 bean 的方法。

注意： 单击命令按钮时，它会调用 JavaScript 函数，但不会调用托管 bean 的方法，而是使用在启动时通过调用托管 bean 的方法加载的数据

另一个注意事项： 在命令按钮上调用托管bean的方法时直接单击而不使用JavaScript函数它工作正常并且不会在启动时调用托管bean的方法（似乎这是我问题的解决方案，但我必须使用JavaScript）

Answer 1

当您的页面加载时，bean 函数将被调用，它会用返回值填充您的 JavaScript。如果您查看页面的来源，您可以检查。之后，当页面加载时，如果点击按钮，它将使用旧值，不会再次调用 bean 方法。您需要先更新/渲染该部分脚本以更新值，然后调用 JS 方法。 我希望我不会太困惑......

示例：

//JSF page

<p:commandButton value="button" action="#{bean.doWork}" update="script" oncomplete="fun()" />
<h:panelGroup id="script">
  <script>
    function fun () {
     var var_value = #{bean.workResult}; 
     …
    }
  </script>
</h:panelGroup>


//Bean

 private int workResult = 0; //so it doesn't report error at the beggining
 public int getWorkResult() { return workResult; }
 public void doWork() {
   …
   workResult = valueYouWouldReturn;
 }