GoConqr has a new look! Let us know what you think.

14. Asynchronous Code in JS

Module 1 · Media Course's Objectives
Module 2 · Media Try catch blocks
Module 3 · Media Synchronous Execution
Module 4 · Mind map Asynchronous Code
Module 5 · Mind map The event loop
Module 6 · Media Callback functions
Module 7 · Media Nested Callbacks
Module 8 · Media Add more rulers
Module 9 · Media Callback Hell
Module 10 · Media Promises
Module 11 · Media The .then() function
Module 12 · Media Chain promises
Module 13 · Media Promisify everything
Module 14 · Media Catching a promise error
Module 15 · Flowchart AJAX Calls You are here
Module 16 · Media The fetch API
Module 17 · Media Working with JSON data
Module 18 · Media Fetch Json
Module 19 · Media Weather Info exercise
Module 20 · Media Async/await
Module 21 · Media Async/Await weather Rewrite
Module 22 · Media Promise.all
Module 23 · Media Make multiple requests at once

Close the course

Module 15 of 23 · Flowchart

AJAX Calls

Kostas Diakogiannis

AJAX Calls

AJAX was introduced back in 2005, and it stands for Asynchronous JavaScript And XML.

In reality when we refer to AJAX calls, we mean the communication between a client and the server that takes place asynchronously (at the background).

Normally the client-server model requires a client to make a request from a server in order to send or receive some data from it. This operation could take more than 1-2 seconds, and if we do it synchronously, then we will pause the execution of our page until the response comes back. Luckily by making AJAX calls the whole request-response happens on the background (the user many times doesn't even notice) asynchronously.

That means that when the response comes back from the server, the whole page doesn't need to be reloaded as before. Thus we update only a small portion of the page, without refreshing everything.

AJAX Calls

14. Asynchronous Code in JS

Instructions

Feedback

What do you think of the new look?