fernandoc1/index.html

## index.html
<html>
<body>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
    function getData()
    {
        var deferred = $.Deferred();
        var xhr = new XMLHttpRequest();
        xhr.open("GET", "test.txt", true);
        xhr.addEventListener('load', function()
        {
            if(xhr.status === 200)
            {
                deferred.resolve(xhr.response);
            }
            else
            {
                deferred.reject("Error!!!");
            }
        }, false);
        xhr.send();
        return deferred.promise();
    }

    promise = $.when(getData());
    promise.done(function(data)
    {
        document.getElementById("output").innerHTML = "Data got: "+data;
    });
});
</script>
<pre id="output"></pre>
</body>
</html>
	<html>
	<body>
	<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
	<script type="text/javascript">
	$(document).ready(function()
	{
	function getData()
	{
	var deferred = $.Deferred();
	var xhr = new XMLHttpRequest();
	xhr.open("GET", "test.txt", true);
	xhr.addEventListener('load', function()
	{
	if(xhr.status === 200)
	{
	deferred.resolve(xhr.response);
	}
	else
	{
	deferred.reject("Error!!!");
	}
	}, false);
	xhr.send();
	return deferred.promise();
	}

	promise = $.when(getData());
	promise.done(function(data)
	{
	document.getElementById("output").innerHTML = "Data got: "+data;
	});
	});
	</script>
	<pre id="output"></pre>
	</body>
	</html>