Corso recupero Javascript - video 15

//PAGINA test_fetch_check_errori.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>

  <button id="btn">ESEGUI FETCH</button>
  <script>
   document.getElementById("btn").addEventListener("click",  async function () {
    let  risposta_server = null;

    try {
      risposta_server = await fetch("https://www.camuso.it/test/target.php",
                                    {method: 'get'});

      //4xx errori 'server'
      //5xx errori 'client'
      if (risposta_server.status === 200) {
        let dati = await risposta_server.text();
        alert(dati);
      }
      else
        alert(risposta_server.status);
    }
    catch (errore){
      alert("ERRORE: " + errore);
    }
   });

  </script>
</body>
</html>

//PAGINA test_api_cane.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <button id="btn">CHIAMATA REMOTA</button>
  <div id="risultati"> </div>
  <script>
    document.getElementById("btn").addEventListener("click",
    async function chiamata_remota() {
      const risultati=document.getElementById("risultati")

      //const risposta_server =
        //await fetch("https://dog.ceo/api/breeds/image/random");
        //risultati.insertAdjacentHTML("beforeend", "<img src='"+risposta_obj.message+"' />");

        const risposta_server =
          await fetch("https://dog.ceo/api/breeds/list/all");

        const risposta_obj = await risposta_server.json();
        console.log(risposta_obj);

        Object.entries(risposta_obj.message).forEach(
          dati_razza => {
            risultati.insertAdjacentHTML("beforeend",dati_razza[0]+"<br>")
            if (dati_razza[1].length>0)
              dati_razza[1].forEach(
                sottorazza => risultati.insertAdjacentHTML("beforeend"," - " + sottorazza+"<br>") )
          });


    });


  </script>
</body>
</html>

//PAGINA target.php
<?php
 header("Access-Control-Allow-Origin: *");
 header("Access-Control-Allow-Methods: GET, POST}");
 header("Access-Control-Allow-Headers: Content-Type");

 echo "ciao";
?>