Log component allows you to inspect client side activities during an Ajax request. It shows reuqest data, response data, DOM tree changes on update and other useful debug information.

Debug info can be rendered on the main page or as a separate popup window. There you can explore debug info for Simple Repeater example:

Log demo

Type some symbols to trigger the requests

Repeated Value:

Clear

HideView Source

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich">

    <p>Type some symbols to trigger the requests</p>
    <h:form>
        <h:panelGrid columns="1">
            <h:inputText value="#{userBean.name}">
                <a4j:support event="onkeyup" ignoreDupResponses="true"
                    requestDelay="2000" ajaxSingle="true" reRender="repeater" />
            </h:inputText>
            <h:outputText value="Repeated Value: #{userBean.name}" id="repeater" />
        </h:panelGrid>
    </h:form>
    <a4j:log popup="false" level="ALL" style="width: 800px; height: 300px;"></a4j:log>
</ui:composition>

<<Hide Source