Fetch Functions.ts

const apiUrl = 'https://jsonplaceholder.typicode.com/posts';

// 🔍 Exemple 1 : Requête GET avec .then() et .catch()
fetch(apiUrl)
  .then((response) => {
    if (!response.ok) {
      throw new Error('Erreur de réseau : ' + response.status);
    }
    return response.json();
  })
  .then((data) => {
    console.log('Exemple 1 - Données chargées avec succès :', data);
  })
  .catch((error) => {
    console.error('Exemple 1 - Erreur lors du chargement des données :', error.message);
  });
// 👉 Résultat : Les données JSON récupérées avec succès sont affichées dans la console.

// 🔍 Exemple 2 : Requête POST avec .then() et .catch()
const postData = {
  title: 'Nouveau post',
  body: 'Contenu du nouveau post',
  userId: 1,
};

fetch(apiUrl, {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(postData),
})
  .then((response) => {
    if (!response.ok) {
      throw new Error('Erreur de réseau : ' + response.status);
    }
    return response.json();
  })
  .then((data) => {
    console.log('Exemple 2 - Données POST envoyées avec succès :', data);
  })
  .catch((error) => {
    console.error('Exemple 2 - Erreur lors de l\'envoi des données POST :', error.message);
  });
// 👉 Résultat : Les données JSON envoyées avec succès en tant que POST sont affichées dans la console.

// 🔍 Exemple 3 : Requête PUT avec async/await
async function updatePost() {
  const putData = {
    id: 1,
    title: 'Titre mis à jour',
    body: 'Contenu mis à jour',
    userId: 1,
  };

  try {
    const response = await fetch(apiUrl + '/1', {
      method: 'PUT',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(putData),
    });

    if (!response.ok) {
      throw new Error('Erreur de réseau : ' + response.status);
    }

    const data = await response.json();
    console.log('Exemple 3 - Données PUT mises à jour avec succès :', data);
  } catch (error) {
    console.error('Exemple 3 - Erreur lors de la mise à jour des données PUT :', error.message);
  }
}

updatePost();
// 👉 Résultat : Les données JSON mises à jour avec succès en tant que PUT sont affichées dans la console.

// 🔍 Exemple 4 : Requête DELETE avec async/await
async function deletePost() {
  try {
    const response = await fetch(apiUrl + '/1', {
      method: 'DELETE',
    });

    if (!response.ok) {
      throw new Error('Erreur de réseau : ' + response.status);
    }

    const data = await response.json();
    console.log('Exemple 4 - Données DELETE supprimées avec succès :', data);
  } catch (error) {
    console.error('Exemple 4 - Erreur lors de la suppression des données DELETE :', error.message);
  }
}

deletePost();
// 👉 Résultat : Les données JSON supprimées avec succès en tant que DELETE sont affichées dans la console.