Asynchronous Javascript Development Tutorials, Guides & Insights

When working with AJAX, it’s important to handle errors properly. Both XMLHttpRequest and Fetch API provide mechanisms to catch and handle errors.

fetch('https://jsonplaceholder.typicode.com/invalid-url')
    .then(response => {
        if (!response.ok) {
            throw new Error('Network response was not ok');
        }
        return response.json();
    })
    .then(data => {
        console.log(data);
    })
    .catch(error => {
        console.error('There was a problem with the fetch operation:', error);
    });

Introduced in ECMAScript 2017 (ES8), async/await is a syntactical sugar built on top of promises. It allows you to write asynchronous code that looks and behaves more like synchronous code, making it easier to read and maintain.

Using Async/Await: