What are the differences between AJAX and Fetch in JavaScript?

What are the differences between AJAX and Fetch in JavaScript?

AJAX (Asynchronous JavaScript and XML) is a technique for making asynchronous requests, while Fetch is a modern API for making network requests. Fetch is promise-based and provides a more powerful and flexible feature set.

Can you explain how to use Fetch with an example?

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));

Is Fetch supported in all browsers?

Fetch is supported in most modern browsers, but for older browsers like Internet Explorer, you might need to use a polyfill or stick with AJAX.

What are some advantages of using Fetch over AJAX?

Fetch has a cleaner syntax, supports promises, and allows for easier handling of requests and responses, making it more user-friendly.