-- Nov 18 In-Class Exercise Thread
<!DOCTYPE html> <html>
<head></head>
<body>
<div id="dummy1"></div>
<div id="dummy2"></div>
<div id="yahoo"></div>
<script>
request = new XMLHttpRequest();
request.onreadystatechange= function()
function()
{
switch(request.readyState)
{
case 4:
document.getElementById("dummy1").innerHTML = request.responseText;
break;
}
}
request.open("GET", "dummy1.html", true);
request.send();
request = new XMLHttpRequest();
request.onreadystatechange= function()
function()
{
switch(request.readyState)
{
case 4:
document.getElementById("dummy2").innerHTML = request.responseText;
break;
}
}
request.open("GET", "dummy2.html", true);
request.send();
request = new XMLHttpRequest();
request.onreadystatechange= function()
function()
{
switch(request.readyState)
{
case 4:
document.getElementById("yahoo").innerHTML = request.responseText;
break;
}
}
request.open("GET", "www.yahoo.com", true);
request.send();
</script>
</body>
</html>
Output test.html:
<!DOCTYPE html> <html>
<head></head>
<body>
<div id="dummy1"></div>
<div id="dummy2"></div>
<div id="yahoo"></div>
<script>
request = new XMLHttpRequest();
request.onreadystatechange= function()
function()
{
switch(request.readyState)
{
case 4:
document.getElementById("dummy1").innerHTML = request.responseText;
break;
}
}
request.open("GET", "dummy1.html", true);
request.send();
request = new XMLHttpRequest();
request.onreadystatechange= function()
function()
{
switch(request.readyState)
{
case 4:
document.getElementById("dummy2").innerHTML = request.responseText;
break;
}
}
request.open("GET", "dummy2.html", true);
request.send();
request = new XMLHttpRequest();
request.onreadystatechange= function()
function()
{
switch(request.readyState)
{
case 4:
document.getElementById("yahoo").innerHTML = request.responseText;
break;
}
}
request.open("GET", "www.yahoo.com", true);
request.send();
</script>
</body>
</html>
Output test.html:
((resource:Screen Shot 2020-11-18 at 4.13.04 PM.png|Resource Description for Screen Shot 2020-11-18 at 4.13.04 PM.png))