Corso recupero Javascript - video 16

//PAGINA 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>
    <form id="formElem">
        Inserisci cognome<input type="text" id="cognome" name="cognome">
        <input type="button" id="bottone" value="invia">
    </form>

    <div id="livello"></div>
    <script>

        document.getElementById("bottone").addEventListener("click", invia);
        async function invia()
        {

            //volendo usare POST ...
            //let ogg_form = document.getElementById("formElem");
            // let ogg_formData = new FormData(ogg_form);
            // const myRequest = new Request("elabora5_elenco_atletiJSON.php", {
            //     method: "POST",
            //     body: ogg_formData
            // });
            //let response = await fetch(myRequest);

            let parametro_get = document.getElementById("cognome").value;
            let response = await fetch("elabora5_elenco_atletiJSON.php?cognome="+parametro_get);
            console.log(response);
            if (response.ok)
            {
                let risposta = await response.json();
                console.log(risposta)

                const div = document.getElementById("livello");

                div.insertAdjacentHTML("beforeend", "<ul>");
                risposta.atleti.forEach(atleta => {
                  div.insertAdjacentHTML("beforeend", "<li>" + atleta.cognome+
                    " "+atleta.nome+"</li>");
                });
                div.insertAdjacentHTML("beforeend", "</ul>");


            }
            else
            {
                console.log(err);
            }
        }

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


//PAGINA PHP
<?php
    include "connessione.php";

    //richiamando nel browser, per fare dei test, direttamente
    //questa pagina sarà come se si fosse inviato da form o via fetch
    //il parametro di ricerca 'ros'
    //$cognome = isset($_POST['cognome']) ? $_POST['cognome'] : "ros";

    //se POST  ...
    //$cognome = $_POST['cognome'];

    //se GET
    $cognome = $_GET['cognome'];

    $sql = "select nome,cognome from atleti".
        " where cognome like '{$cognome}%' order by cognome, nome";
    $risultato = mysqli_query($conn,$sql);

    //modello formato json che vogliamo restituire
    //{"atleti":[{"nome":"pietro","cognome":"rosa"},{"nome":"luigi","cognome":"rossi"},{"nome":"maria","cognome":"rossi"}]}
    $righe = array();

    while($atleta = mysqli_fetch_assoc($risultato))
       $righe['atleti'][] = $atleta; //$atleta == ["nome"=>"pietro, "cognome"=>"rosa"]

    //$righe == ['atleti'][["nome"=>"pietro", "cognome"=>"rosa"], ["nome"=>"luigi", "cognome"=>"rossi"], ...   ]

    mysqli_close($conn);

    header('Content-Type: application/json; charset=utf-8');
    echo json_encode($righe);
?>