在 Javascript 中处理来自 JSF Ajax 的数据响应答案

【问题标题】：Handles data response from JSF Ajax in Javascript在 Javascript 中处理来自 JSF Ajax 的数据响应
【发布时间】：2013-05-14 11:32:11
【问题描述】：

我有以下托管 Bean 类：

  import javax.faces.bean.ManagedBean;
  import javax.faces.bean.SessionScoped;

  import java.io.Serializable;

  @ManagedBean
  @SessionScoped
  public class HelloBean implements Serializable {

private static final long serialVersionUID = 1L;

private String name;

public String getName() {
    return name;
}

public void setName(String name) {
    this.name = name;
}

public String getSayWelcome(){
    //check if null?
    if("".equals(name) || name ==null){
        return "";
    }else{
        return "Ajax message : Welcome " + name;
    }
   }

}

还有这个 JSF 文件：

<?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:f="http://java.sun.com/jsf/core"      
  xmlns:h="http://java.sun.com/jsf/html">

<h:body>
    <h3>JSF 2.0 + Ajax Hello World Example</h3>

    <h:form>

        <h:inputText id="name" value="#{helloBean.name}"></h:inputText>
        <h:commandButton value="Welcome Me">
             <f:ajax execute="name" onevent="example" render="output" />
        </h:commandButton>

        <h2><h:outputText id="output" value="#{helloBean.sayWelcome}" /></h2>

    </h:form>

</h:body>

当 ajax 响应完成时我调用的这个 javascript 函数接收数据参数：

function ejemplo(data){
        $('#tablaEjemplo').append('<table><thead><tr><th>User</th></tr></thead>'+
                                   '<tbody><tr><td>'+data.name+'</td></tr></tbody>           </table>');
        }

我的假设是当 ajax 响应成功时，使用我在输入文本中插入的管理 bean 的用户名打印一个表，但我不知道如何访问参数（data.name 显然不工作）用于打印，我真的不知道 f:ajax 是否正在返回一些东西，或者我必须在某个地方设置（我猜是在管理 bean 中......）格式 JSON 数据来检索并可以在我的功能，不是吗？有什么想法吗？

【问题讨论】：

您完全忽略了 JSF 的重点。查看 JAX-RS 以获得答案。

标签： javascript ajax jsf

【解决方案1】：

如果你想显示名称，为什么不只将它添加到 ajax 渲染部分，如下所示：

<h:commandButton value="Welcome Me">
    <f:ajax render="output" />
</h:commandButton>

<h2><h:outputText id="output" value="#{helloBean.sayWelcome} #{helloBean.name}" /></h2>

如果名称为空，则根本不显示。

【讨论】：

当然我可以那样做，但我想用javascript做到这一点。
如果你想这样做，这个答案可能是一个好的开始：stackoverflow.com/a/12198117/354831
好吧，这不是我真正想要的（我不知道我是否解释得很好），我将简单地提出更多我的问题，我想要的是当我提交 h 时：表单调用一个 jquery.ajax 函数来管理我的请求调用管理 bean 方法传递参数并返回数据进行一个过程，如将数据附加到 HTML DOM 等......我的问题是......有任何方法可以做到这一点使用 JSF 和 Javascript？
您可以使用 jQuery 手动发出 AJAX 请求，但您必须重新创建 JSF 已经在后台执行的操作。如果您不想使用 JSF，就没有理由使用它，只需使用普通的 Servlet……我希望您有充分的理由将简单的任务变得复杂！
很简单，将返回调用托管 Bean 方法的数据附加 HTML 代码，在 f:ajax 的 onevent 函数中调用 Javascript，如果在 JSF 中没有办法这样做，所以我不知道它是怎么回事...也许我把事情复杂化了，也许不是，我只是使用 servlet，但最近一小时需求发生了变化，我们现在必须使用 JSF。