Ajax-enabled Faces applications

Jakarta Faces allows us to easily implement Asynchronous JavaScript and XML (Ajax) functionality into our web applications by simply employing the <f:ajax> tag and CDI named beans, without needing to implement any JavaScript code or having to parse JSON strings.

The following markup illustrates the typical usage of the <f:ajax> tag.

    <h:form>
      <h:messages/>
      <h:panelGrid columns="2">
        <h:outputText value="Echo input:"/>
        <h:inputText id="textInput"
          value="#{controller.text}">
          <f:ajax render="textVal" event="keyup"/>
    ...