How can I fetch data asynchronously in JavaScript?

How can I fetch data asynchronously in JavaScript?

You can use the Fetch API or async/await syntax to fetch data asynchronously. Would you like an example?

Yes, please provide an example using async/await.

Sure! Here's a simple example:

async function fetchData() {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    console.log(data);
}
fetchData();

What if the fetch fails?

You can handle errors using try/catch blocks. Here's how:

async function fetchData() {
    try {
        const response = await fetch('https://api.example.com/data');
        if (!response.ok) throw new Error('Network response was not ok');
        const data = await response.json();
        console.log(data);
    } catch (error) {
        console.error('Fetch error:', error);
    }
}
fetchData();