Basic AJAX Page

This page demonstrates how easily AJAX behaviour can be given to a DirectLink, without writing any JavaScript. In this demonstration, note how only Listener Time is refreshed when you click on the AJAX link, whereas the whole page is refreshed when you click on the non-AJAX link.

Listener Time: time
Page Time: time

Refresh Listener Time - via AJAX
Refresh Listener Time - non-AJAX

The AJAX behaviour was turned on by adding updateComponents="listenerTime" to the DirectLink, and renderTag="true" and id="listenerTime" to the listenerTime component.

It's worth noting that the AJAX response is only 332 bytes, whereas the non-AJAX response is over 5,700 bytes!

To Login