Get HTTP Service

GetHttpService.svelte

<!-- This Svelte component fetches data from an API when it mounts and displays the response data or a loading message accordingly. -->

<script>
    // Import the 'onMount' function from Svelte for executing code when the component mounts
    import { onMount } from 'svelte';
    // Import axios for making HTTP requests
    import axios from 'axios';
    // Declare a variable to store the response data
    let responseData;
    // Use the 'onMount' function to execute code when the component mounts
    onMount(async () => {
        try {
            // Make an HTTP GET request to fetch data from the API
            const response = await axios.get('https://api.example.com/data');
            // Store the response data in the 'responseData' variable
            responseData = response.data;
        } catch (error) {
            // Log an error message if there's an error fetching data
            console.error('Error fetching data:', error.message);
        }
    });
</script>

{#if responseData}
    <!-- If response data is available, display it -->
    <p>{JSON.stringify(responseData)}</p>
{:else}
    <!-- If response data is not available yet, show a loading message -->
    <p>Loading...</p>
{/if}