What are AJAX and Promises in JavaScript?

What are AJAX and Promises in JavaScript?

AJAX (Asynchronous JavaScript and XML) allows web pages to update asynchronously by exchanging data with a server. Promises are objects that represent the eventual completion (or failure) of an asynchronous operation, making it easier to work with asynchronous code.

How do AJAX and Promises work together?

AJAX calls can return Promises, allowing you to handle the response asynchronously. You can use .then() to process the data once the AJAX call is complete.

Can you give me an example of using AJAX with Promises?

Sure! Here's a simple example:

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));