Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- //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);
- ?>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement