From d90a3881ece29c7153498e8eaadf8630ed47c5df Mon Sep 17 00:00:00 2001
From: vkservicesllc <35149642+vkservicesllc@users.noreply.github.com>
Date: Wed, 7 Nov 2018 14:29:40 -0500
Subject: [PATCH] Update page.html

---
 ajax-requests/page.html | 32 +++++++++++++++++++++++++++++++-
 1 file changed, 31 insertions(+), 1 deletion(-)

diff --git a/ajax-requests/page.html b/ajax-requests/page.html
index 476a974..dae575f 100644
--- a/ajax-requests/page.html
+++ b/ajax-requests/page.html
@@ -12,6 +12,36 @@
     <button onclick="captureXML()">Click here to capture XML</button>
     <button onclick="captureHTML()">Click here to capture HTML</button>
     <div id="capturedJSON"></div><div id="capturedXML"></div><div id="HTML"></div>
-    <script src="js/jsonCap.js"></script>
+<!--     <script src="js/jsonCap.js"></script> -->
+    <script>
+      function captureJSON() {
+        var xhr = new XMLHttpRequest();
+        xhr.onload = function() {
+          if (xhr.status >= 200 && xhr.status < 400) {
+            var div = document.getElementById('capturedJSON'),
+                content = '',
+                respObj = JSON.parse(xhr.responseText),
+                len = respObj.length,
+                i;
+            console.log(xhr.responseText);
+            content += '<table><tr><th>Company</th>';
+            content += '<th>First Name</th><th>Last Name</th><th>Title</th></tr>';
+            for (i = 0; i < len; i++) {
+              content += '<tr><td>' + respObj[i].Company + '</td>';
+              content += '<td>' + respObj[i]['First Name'] + '</td>';
+              content += '<td>' + respObj[i]['Last Name'] + '</td>';
+              content += '<td>' + respObj[i].Title + '</td></tr>';
+              if (i == len) content += '</table>';
+            }
+            if (div.innerHTML != '') content = '';
+            div.innerHTML = content;
+          } else {
+            console.log('Connection to Server succeeded. Content was not received due to error.');
+          }
+        };
+        xhr.open('GET', 'files/jsonData.json', true);
+        xhr.send();
+      }
+    </script>
   </body>
 </html>