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);