Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    Posso passare una variabile tramite chiamata ajax?

    Ho la pagina ajax.php:

    <!DOCTYPE html>
    <html>
    <head>
    </head>
    <body>
    <h1>Titolo</h1>
    <input type="text" name="campo" id="id_campo" value="" onblur="caricaFile()">
    <p id="display">Primo paragrafo</p>
    <script>
    function caricaFile() {
    const xhttp = new XMLHttpRequest();
    xhttp.open('GET', 'risposta.php', true);
    xhttp.send();
    xhttp.onreadystatechange = function() {
    if (this.readyState === 4 && this.status === 200) {
    document.getElementById('display').innerHTML = this.responseText;
    }
    }
    }
    </script>
    </body>
    </html>


    Ho la pagina risposta.php che collegandosi ad un database mi da correttamente dei risultati tipo:

    Carlo Rossi
    Marco Bianchi
    Lorenzo Verdi
    Rossella Bianchi

    e li scrive nell'id display della mia pagina.

    Vorrei passare alla pagina risposta.php il valore del input-text campo così da farmi restituire solo alcuni record.
    Esempio, inserendo nell input-text campo il valore "Bianchi", vorrei che tale valore fosse disponibile nella mia pagina risultato.php così da poter filtrarlo ed avere come risultato solo

    Marco Bianchi
    Rossella Bianchi

    come posso fare? forse è troppo banale, o non si può fare?
    Prima o poi anch'io vi insegnerò qualcosa

  2. #2
    Utente di HTML.it L'avatar di abellos
    Registrato dal
    Feb 2002
    Messaggi
    408
    ciao,
    si puoi passare le variabili qui

    xhttp.open('GET', 'risposta.php?variabile=valore', true);

    cosi dalla pagina risposta.php puoi recuperare variabile ed effettuare il filtro.
    Da un grande potere derivano grandi responsabilità

  3. #3
    Cojxxone io, perchè avevo anche provato. Adesso funge, ma una domanda: volessi recuperare il valore del campo in inserimento?

    Cioè se volessi passare al file risposta.php il valore che l'utente inserisce?
    Prima o poi anch'io vi insegnerò qualcosa

  4. #4
    Utente di HTML.it L'avatar di abellos
    Registrato dal
    Feb 2002
    Messaggi
    408
    Per recuperare il valore di campo puoi usare il suo id in questo modo

    var valore_campo = document.getElementById("id_campo").value;

    occhio alle maiuscole in getElementById che javascript e' schizzinoso

    per poi passarlo alla chiamata ajax cosi

    xhttp.open('GET', 'risposta.php?variabile='+ valore_campo , true);
    Da un grande potere derivano grandi responsabilità

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.