async

Author: Balashov Nikita

phone-book/build/bundle.js

@@ -1,6 +1,6 @@
 import {Url} from '../url/url';
 
 const serverSide = new Url();
-const users = JSON.parse(serverSide.obtainUsers());
+const users = serverSide.getUsersFromServer();
 
 export {users};

phone-book/src/components/users.js

@@ -4,16 +4,10 @@ class Url{
     }
 
     getUsersFromServer() {
-        const xhr = new XMLHttpRequest();
-
-        xhr.onreadystatechange = () => {
-            if(xhr.readyState === 4) {
-                this.users = xhr.response
-            }
-        }
-
-        xhr.open('GET', this.url, false);
-        xhr.send();
+       return (async () => {
+           const data = await fetch(this.url);
+           return this.users = await data.json();
+       })();
     }
 
     obtainUsers() {