在JSF中使用jQuery.ajax()方法

<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的方法?

您的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(); 
});

如果你想在你的按钮或命令按钮上使用onclick，你可以。

把这个放到你的代码里;

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

相关内容

最新更新

热门标签：