[ Prev ]
2020-11-18

-- Nov 18 In-Class Exercise Thread
<!DOCTYPE html> <html lang ="en"> <head> <meta charset="utf-8" /> </head>
<body>
<div id="dummy1"></div> <div id="dummy2"></div> <div id="yahoo"></div>
<script>
    request1 = new XMLHttpRequest();
    request1.onreadystatechange = function()
    {
        switch(request1.readyState) {
            case 4:
               document.getElementById("dummy1").innerHTML =  request1.responseText; 
            break;
            }
    }
    request1.open("GET", "dummy1.html", true);
    request1.send();
    request2 = new XMLHttpRequest();
    request2.onreadystatechange = function()
    {
        switch(request2.readyState) {
            case 4:
               document.getElementById("dummy2").innerHTML =  request2.responseText; 
            break;
            }
    }
    request2.open("GET", "dummy2.html", true);
    request2.send();
    
    request3 = new XMLHttpRequest();
    request3.onreadystatechange = function()
    {
        switch(request3.readyState) {
            case 4:
               document.getElementById("yahoo").innerHTML =  request3.responseText; 
            break;
            }
    }
    request3.open("GET", "www.yahoo.com/", true);
    request3.send();
</script> </body> </html>
<!DOCTYPE html> <html lang ="en"> <head> <meta charset="utf-8" /> </head> <body> <div id="dummy1"></div> <div id="dummy2"></div> <div id="yahoo"></div> <script> request1 = new XMLHttpRequest(); request1.onreadystatechange = function() { switch(request1.readyState) { case 4: document.getElementById("dummy1").innerHTML = request1.responseText; break; } } request1.open("GET", "dummy1.html", true); request1.send(); request2 = new XMLHttpRequest(); request2.onreadystatechange = function() { switch(request2.readyState) { case 4: document.getElementById("dummy2").innerHTML = request2.responseText; break; } } request2.open("GET", "dummy2.html", true); request2.send(); request3 = new XMLHttpRequest(); request3.onreadystatechange = function() { switch(request3.readyState) { case 4: document.getElementById("yahoo").innerHTML = request3.responseText; break; } } request3.open("GET", "www.yahoo.com/", true); request3.send(); </script> </body> </html>

-- 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: Resource Description for Screen Shot 2020-11-18 at 4.13.04 PM.png
<!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))

-- Nov 18 In-Class Exercise Thread
<!DOCTYPE html> <html>
<head> </head>
<body>
  <p>Hello World</p>
</body>
</html>
<!DOCTYPE html> <html>
<head> </head>
<body>
  <script>
    document.write("<p>Hello World</p>")
  </script>
</body>
</html>
<!DOCTYPE html> <html>
<body>
  <div id="dummy1">
    <script>
      request = new XMLHttpRequest();
      request.onreadystatechange = function()
      {
        switch(request.readyState) {
            case 4:
               document.getElementById("dummy1").innerHTML =  request.responseText;
            break;
        }
      };
      request.open("GET", "dummy1.html", true);
      request.send();
    </script>
  </div>
  <div id="dummy2">
    <script>
      request1 = new XMLHttpRequest();
      request1.onreadystatechange = function()
      {
        switch(request1.readyState) {
            case 4:
               document.getElementById("dummy2").innerHTML =  request1.responseText;
            break;
        }
      };
      request1.open("GET", "dummy2.html", true);
      request1.send();
    </script>
  </div>
  <div id="yahoo">
    <script>
      request2 = new XMLHttpRequest();
      request2.onreadystatechange = function()
      {
        switch(request2.readyState) {
            case 4:
               document.getElementById("yahoo").innerHTML =  request2.responseText;
            break;
        }
      };
      request2.open("GET", "yahoo.com", true);
      request2.send();
    </script>
  </div>
</body>
</html>
tester.html shows Hello World Not found The requested URL was not found on this server. Apache/2.4.46 (Win64) OpenSSL/1.1.1g PHP/7.4.10 Server at localhost Port 80
(Edited: 2020-11-18)
<!DOCTYPE html> <html> <head> </head> <body> <p>Hello World</p> </body> </html> <!DOCTYPE html> <html> <head> </head> <body> <script> document.write("<p>Hello World</p>") </script> </body> </html> <!DOCTYPE html> <html> <body> <div id="dummy1"> <script> request = new XMLHttpRequest(); request.onreadystatechange = function() { switch(request.readyState) { case 4: document.getElementById("dummy1").innerHTML = request.responseText; break; } }; request.open("GET", "dummy1.html", true); request.send(); </script> </div> <div id="dummy2"> <script> request1 = new XMLHttpRequest(); request1.onreadystatechange = function() { switch(request1.readyState) { case 4: document.getElementById("dummy2").innerHTML = request1.responseText; break; } }; request1.open("GET", "dummy2.html", true); request1.send(); </script> </div> <div id="yahoo"> <script> request2 = new XMLHttpRequest(); request2.onreadystatechange = function() { switch(request2.readyState) { case 4: document.getElementById("yahoo").innerHTML = request2.responseText; break; } }; request2.open("GET", "yahoo.com", true); request2.send(); </script> </div> </body> </html> tester.html shows Hello World Not found The requested URL was not found on this server. Apache/2.4.46 (Win64) OpenSSL/1.1.1g PHP/7.4.10 Server at localhost Port 80
2020-11-22

-- Nov 18 In-Class Exercise Thread
<!DOCTYPE html>
<head>
    <title>Tester</title>
</head>
<body>
    <div id="dummy1"></div>
    <div id="dummy2"></div>
    <div id="yahoo"></div>
    <script>
        req1 = new XMLHttpRequest();
        req1.open("GET", "dummy1.html", true);
        req1.onreadystatechange = function(){
            if (req1.readyState == 4){
                document.getElementById("dummy1").innerHTML = req1.responseText;
            }
        }
        req1.send(); 
 
        req2 = new XMLHttpRequest();
        req2.open("GET", "dummy2.html", true);
        req2.onreadystatechange = function(){
            if (req2.readyState == 4){
                document.getElementById("dummy2").innerHTML = req2.responseText;
            }
        }
        req2.send();
        
        reqY = new XMLHttpRequest();
        reqY.open("GET", "www.yahoo.com", true);
        reqY.onreadystatechange = function(){
            if (reqY.readyState == 4){
                document.getElementById("yahoo").innerHTML = reqY.responseText;
            }
        }
        reqY.send();
    </script>
</body>
Resource Description for Capture.PNG
<pre> <!DOCTYPE html> <head> <title>Tester</title> </head> <body> <div id="dummy1"></div> <div id="dummy2"></div> <div id="yahoo"></div> <script> req1 = new XMLHttpRequest(); req1.open("GET", "dummy1.html", true); req1.onreadystatechange = function(){ if (req1.readyState == 4){ document.getElementById("dummy1").innerHTML = req1.responseText; } } req1.send(); req2 = new XMLHttpRequest(); req2.open("GET", "dummy2.html", true); req2.onreadystatechange = function(){ if (req2.readyState == 4){ document.getElementById("dummy2").innerHTML = req2.responseText; } } req2.send(); reqY = new XMLHttpRequest(); reqY.open("GET", "www.yahoo.com", true); reqY.onreadystatechange = function(){ if (reqY.readyState == 4){ document.getElementById("yahoo").innerHTML = reqY.responseText; } } reqY.send(); </script> </body> </pre> ((resource:Capture.PNG|Resource Description for Capture.PNG))
X