Add client-side xhr

tshemsedinov · tshemsedinov · commit 4c6239836568 · 2018-03-10T19:17:39.000+02:00
diff --git a/JavaScript/3-xhr.html b/JavaScript/3-xhr.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div id="message"></div>
+<script>
+
+const message = document.getElementById('message');
+
+const xhr = new XMLHttpRequest();
+xhr.onreadystatechange = () => {
+  if (xhr.readyState === XMLHttpRequest.DONE) {
+    message.innerHTML = (xhr.status === 200 ?
+      xhr.responseText : 'Error code: ' + xhr.status
+    );
+  }
+};
+xhr.open('GET', '/person', true);
+xhr.send();
+
+</script>
+</body>
+</html>
diff --git a/JavaScript/3-xhr.js b/JavaScript/3-xhr.js
@@ -0,0 +1,14 @@
+'use strict';
+
+const fs = require('fs');
+const http = require('http');
+
+const index = fs.readFileSync('./3-xhr.html');
+
+http.createServer((req, res) => {
+  if (req.url === '/person') {
+    res.end(JSON.stringify({ name: 'Marcus' }));
+  } else {
+    res.end(index);
+  }
+}).listen(8000);
