Using Connection Manager to Retrieve a File via HTTP GET

Source file and dependencies

Load the Yahoo Global Object and Connection Manager source files:

<script src="yahoo.js"></script> <script src="event.js"></script> <script src="connection.js"></script>

Assemble the Querystring

Construct a querystring with two key-value pairs of username = anonymous and userid = 0:

/* * * Create a querystring with example key-value pairs of * username and userid. Remember to encode the querystring * if and when the string contains special characters. * */ var sUrl = "php/get.php?username=anonymous&userid=0";

The Callback Object

Create a callback object to handle the response, and pass an object literal to both success and failure handlers as the argument.

var div = document.getElementById('container'); var handleSuccess = function(o){ if(o.responseText !== undefined){ div.innerHTML = "<li>Transaction id: " + o.tId + "</li>"; div.innerHTML += "<li>HTTP status: " + o.status + "</li>"; div.innerHTML += "<li>Status code message: " + o.statusText + "</li>"; div.innerHTML += "<li>HTTP headers: <ul>" + o.getAllResponseHeaders + "</ul></li>"; div.innerHTML += "<li>Server response: " + o.responseText + "</li>"; div.innerHTML += "<li>Argument object: Object ( [foo] => " + o.argument.foo + " [bar] => " + o.argument.bar +" )</li>"; } } var handleFailure = function(o){ if(o.responseText !== undefined){ div.innerHTML = "<li>Transaction id: " + o.tId + "</li>"; div.innerHTML += "<li>HTTP status: " + o.status + "</li>"; div.innerHTML += "<li>Status code message: " + o.statusText + "</li>"; } } var callback = { success:handleSuccess, failure: handleFailure, argument: { foo:"foo", bar:"bar" } };

Initiate the GET Transaction

Call YAHOO.util.Connect.asyncRequest to send the request to get.php, and the PHP file will return the readable output of $_GET via print_r(). The handleSuccess callback will print the response object's properties, including the server response data.

var request = YAHOO.util.Connect.asyncRequest('GET', sUrl, callback);

Configuration for This Example

You can load the necessary JavaScript and CSS for this example from Yahoo's servers. Click here to load the YUI Dependency Configurator with all of this example's dependencies preconfigured.