Question

<h:outputScript library="js" name="jquery-1.11.0.min.js"></h:outputScript>
<script>
//<![CDATA[
function loadSomething() {
$.ajax({
    type: "POST",
    url: "#{testBean.LoadThat}",
    data: "{}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(datas) {
        alert(datas.d);                
    }
  });
}
//]]>
</script>
</h:head>
<body>
    <h:form>
        <h:inputText id="someText" />
        <p:commandButton value="Ajax Submit" id="ajax" update="someText"
            onclick="loadSomething();" />
    </h:form>
</body>

我正在尝试用JSF做一个简单的任务。我在Asp.net上使用了这个确切的代码，我不知道该怎么做才能使这个工作。知道我应该写'url'来调用bean的方法吗？

Answer 1

你的jsf必须是这样的;

<h:commandButton id="myButton" action="#{myBean.myMethod}" style="display:none">
    <f:ajax render="myButton" execute="myButton"/>
</h:commandButton>

和你的jquery;

myButton.click(function(){ 
    $(this).fadeIn(); 
});

如果你想使用你的按钮或commandButton onclick，你可以。

把它放在你的代码上;

 <h:commandButton value="Click Me" type="button" onclick="alert('h:commandButton');" />

在JSF中使用jQuery.ajax（）方法

1 个答案: