Javascript Programming Tutorials, Guides & Best Practices

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