YUI Library Examples: IO: GET Transaction

IO: GET Transaction

Using IO for HTTP GET Requests, and Handling the Response via Event Listeners.

Create a YUI Instance

Create a YUI instance, using IO, for this example:

Create Handlers for Global and Transaction Events.

We will create one object to handle the Global Events, and one object to handle Transaction Events. Each object defines methods to handle the events in a transction's lifecycles. The results are logged to <div id="container">.

Subscribe to the Global events

With the handler object gH // Notice the object context of "gH" is provided as the // third argument of <code>Y.on()</code>, to preserve the proper // context of 'this' as used in <code>gH's</code> methods. /* Subscribe to the global events */ Y.on('io:start', gH.start, gH, 'global foo'); Y.on('io:complete', gH.complete, gH, 'global bar'); Y.on('io:success', gH.success, gH, 'global baz'); Y.on('io:failure', gH.failure, gH); Y.on('io:end', gH.end, gH, 'global boo'); /* End event subscription */

Assemble a Configuration Object to set Transaction Event Listeners

Use a configuration object to define which Transaction Events you wish to handle, for the specific transaction.

Initiate the Transaction

Finally, we set up two buttons -- one for each type of transaction -- and add a "click" listener to each of them. The handler -- function call() -- make an IO request, based on which button was clicked.

Full Code

The full JavaScript code for this example follows: