var xmlHttp = setupXmlHttpRequest();
function setupXmlHttpRequest() {
var xmlHttp;
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
} else {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlHttp;
}
function loadData() {
if (xmlHttp) {
xmlHttp.open("GET", "bacon.txt", true);
xmlHttp.onreadystatechange = handleResponse();
xmlHttp.send(null);
}
}
function handleResponse() {
var display = document.getElementById('display');
if (xmlHttp.readyState == 1) {
display.innerHTML += "Status 1: server connection established";
}
if (xmlHttp.readyState == 2) {
display.innerHTML += "Status 2: done";
}
if (xmlHttp.readyState == 3) {
display.innerHTML += "Status 3: done again";
}
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
var responseText = xmlHttp.responseText;
display.innerHTML += "Status 4: request complete";
display.innerHTML += responseText;
}
}
}
Currently, the output is only showing "server connection established".