The AJAX mechanism used by JSF is encapsulated in a JavaScript file, named jsf.js
. This file is available in the javax.faces
library. When we are using <f:ajax>
, this file is loaded behind the scene without any explicit requirements.
However, jsf.js
can be loaded explicitly with any of the following methods:
Focusing on <h:outputScript>
, you can attach AJAX to a component as shown in the following example code:
<h:form prependId="false"> <h:outputScript name="jsf.js" library ="javax.faces" target="head"/> <h:inputText id="nameInId" value="#{ajaxBean.name}"/> <h:outputText id="nameOutId" value="#{ajaxBean.name}"/> <h:commandButton id="submit" value="Send" ...