How do I use fetch in TypeScript to get JSON data?

How do I use fetch in TypeScript to get JSON data?

You can use the fetch API in TypeScript by specifying the URL and using the .json() method to parse the response.

Can you show me a code example?

Sure! Here's a simple example:

async function fetchData(url: string) {
    const response = await fetch(url);
    const data = await response.json();
    return data;
}

This function fetches data from the provided URL and returns the parsed JSON.

What if the fetch fails?

You can handle errors using a try-catch block. Here's an updated example:

async function fetchData(url: string) {
    try {
        const response = await fetch(url);
        if (!response.ok) {
            throw new Error('Network response was not ok');
        }
        const data = await response.json();
        return data;
    } catch (error) {
        console.error('Fetch error:', error);
    }
}