Add client-side fetch implementation

tshemsedinov · tshemsedinov · commit d9aacfff9ddd · 2018-03-10T19:18:02.000+02:00
diff --git a/JavaScript/4-fetch.html b/JavaScript/4-fetch.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div id="message"></div>
+<script>
+
+const message = document.getElementById('message');
+
+const fetch = url => new Promise((resolve, reject) => {
+  const xhr = new XMLHttpRequest();
+  xhr.onreadystatechange = () => {
+    if (xhr.readyState === XMLHttpRequest.DONE) {
+      if (xhr.status === 200) resolve(xhr.responseText);
+      else reject(`Status Code: ${xhr.status}`);
+    }
+  };
+  xhr.open('GET', url, true);
+  xhr.send();
+});
+
+// Usage
+
+fetch('/person')
+  .then(body => message.innerHTML = body)
+  .catch(err => message.innerHTML = err);
+
+</script>
+</body>
+</html>
diff --git a/JavaScript/4-fetch.js b/JavaScript/4-fetch.js
@@ -0,0 +1,12 @@
+'use strict';
+
+const fs = require('fs');
+const http = require('http');
+
+const index = fs.readFileSync('./4-fetch.html');
+const person = { name: 'Marcus' };
+const data = JSON.stringify(person);
+
+http.createServer((req, res) => {
+  res.end(req.url === '/person' ? data : index);
+}).listen(8000);
