Merge pull request #1 from Asyfundyar/master

Add Async JS, AJAX and Fetch API

Author: gbgabiola

06-asynchronous javascript ajax & fetch api/01-async-ajax.js

@@ -0,0 +1,16 @@
+let request = new XMLHttpRequest();
+
+let scriptURL = "http://";
+let asynch = true; // setting this as true insures that it will behave asynchronous
+
+request.open("GET", scriptURL, asynch);
+
+/* Setting the function that does something with the request */
+request.onreadystatechange = doSomething; // will not wait
+
+/* Sending request */
+request.send(null);
+
+function doSomething() {
+  // something..
+}

06-asynchronous javascript ajax & fetch api/02-fetch-api.js

@@ -0,0 +1,12 @@
+let url = "https://jsonplaceholder.typicode.com/todos/1";
+
+/*
+    creating a variable for the returned promise
+*/
+const promise = fetch(url);
+
+/*
+    Unwrapping the promise with .then
+    Note: Notice that response.json() also returns a promise
+*/
+promise.then((response) => response.json()).then((json) => console.log(json));

06-asynchronous javascript ajax & fetch api/README.md

@@ -0,0 +1,25 @@
+# Asynchronous JavaScript, Ajax and Fetch API
+
+- [Asynchronous JavaScript](#asynchronous-javaScript)
+- [Ajax](#ajax)
+- [Fetch API](#fetch-api)
+
+## Asynchronous JavaScript
+
+Asychronous tools allow users to continue processing other requests or executing other code without waiting for one request/execution to complete.
+
+Promises, which we will learn more about when using the Fetch API, also provides help when dealing with asynchronous requests.
+
+## Ajax
+
+AJAX stands for Asynchronous JavaScript And XML.
+
+It allows users to accomplish a few things, such as, reading data from a web server after a page has loaded, updating a web page without the need to reload the whole page, and sending back information to a web server asynchronously (in the background).
+
+AJAX uses the XMLHttpRequest object to accomplish these various tasks.
+
+## Fetch API
+
+The Fetch API provides an interface for fetching content or resources across the internet.
+
+It returns a promise, which represent the resulting value of an asynchronous operation in case of a successful and a value that represents the failure of the request.