fixed error handling #54

Author: Salam-Dalloul

public/script.js

@@ -1,28 +1,32 @@
-$(document).ready(function() {
-    $.ajax({
-        url: '/posts',
-        dataType: 'json',
-        success: function(data) {
+document.onreadystatechange = function () {
+  if (document.readyState === 'complete') {
+    var xhr = new XMLHttpRequest();
+    xhr.onreadystatechange = function() {
+      if(xhr.readyState === 4){
+        if (xhr.status === 200){
+          var data = JSON.parse(xhr.responseText);
+          for (var blogPost in data) {
+            var postDiv         = document.createElement('div');
+            var postText        = document.createElement('p');
+            var thumbnail       = document.createElement('img');
+            var postContainer   = document.getElementsByClassName('post-container')[0];
 
-            for (var blogPost in data) {
-                var postDiv         = document.createElement('div');
-                var postText        = document.createElement('p');
-                var thumbnail       = document.createElement('img');
-                var postContainer   = document.getElementsByClassName('post-container')[0];
+            thumbnail.src = "./img/logo2.png";
+            thumbnail.className = "thumbnail";
+            postText.innerHTML = data[blogPost];
+            postDiv.className = "post";
 
-                thumbnail.src = "./img/logo2.png";
-                thumbnail.className = "thumbnail";
-                postText.innerHTML = data[blogPost];
-                postDiv.className = "post";
-
-                postDiv.appendChild(thumbnail);
-                postDiv.appendChild(postText);
-                postContainer.appendChild(postDiv);
-                
-            }
-        },
-        error: function(error){
-            console.log(error);
+            postDiv.appendChild(thumbnail);
+            postDiv.appendChild(postText);
+            postContainer.appendChild(postDiv);
+          }
+        }
+        else {
+          console.error(xhr.responseText);
         }
-    });
-});
+      }
+    }
+    xhr.open('GET', '/posts', true);
+    xhr.send();
+  }
+}