如何使用 a4j:ajax 或 a4j:actionListener 从 javascript 函数调用 bean 方法？答案

【问题标题】：How to call bean method from javascript function using a4j:ajax or a4j:actionListener?如何使用 a4j:ajax 或 a4j:actionListener 从 javascript 函数调用 bean 方法？
【发布时间】：2011-10-09 07:54:09
【问题描述】：

我正在使用 JSF，richfaces 4 东西，我想在 javascript 函数触发时调用一个 bean 方法。

【问题讨论】：

标签： javascript ajax jsf richfaces

【解决方案1】：

您可以使用 <a4j:jsFunction> ，它允许您执行 Ajax 请求以直接从 JavaScript 代码调用 bean 方法，并且可以以 JSON 格式返回响应以在客户端 JavaScript 调用中使用。

请注意 <a4j:jsFunction> 必须在 <h:form> 内。例如，你定义 a4j:jsFunction 就像这样：

<h:form> 
    <a4j:jsFunction name="myJsFunction"  action="#{bean.someAction}" reRender="xxxxx"/>
 </h:form>

创建了一个名为myJsFunction() 的javascript 函数，并在被调用时在bean 上调用someAction()。

例如，在您的 javascript 函数中：

<script type="text/javascript">
function yourJavaScriptFuntion() {
    ..............;
    myJsFunction();  //bean.someAction() will invoke here
    ..............;
}

【讨论】：