API JavaScript Fetch : Comment gérer les données JSON

[Sam11]

J'utilise l'API Fetch en JavaScript pour envoyer une requête HTTP GET à un point de terminaison JSON. Cependant, j'ai du mal à gérer les données JSON une fois récupérées. Comment puis-je récupérer et traiter correctement les données JSON en JavaScript ?

Voici mon code actuel :

fetch('https://jsonplaceholder.typicode.com/posts/1')
  .then(response => response.json())
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.error('Error:', error);
  });
[/CODED]

Bien que ce code fonctionne, je ne sais pas comment gérer les erreurs ou exceptions potentielles, telles que des problèmes de réseau ou un formatage JSON incorrect. De plus, j'aimerais traiter davantage les données JSON, par exemple en les affichant sur une page Web ou en extrayant des valeurs spécifiques.
Quelqu'un pourrait-il fournir les meilleures pratiques pour gérer les données JSON récupérées via l'API Fetch, y compris la gestion des erreurs et la manipulation des données ? Tous les exemples de code ou suggestions seraient grandement appréciés. Merci!

 

[ortolojf]

Bonjour

Voici la page de référence pour response.

Toutes les fonctions sont accessibles.

response.ok ( true si ok ).

response.status ( 200 si ok ).

Cependant avant l'interprétation de response il faudrait faire :

tmp_response = response.clone();

https://developer.mozilla.org/en-US/docs/Web/API/Response