Menù

Top 5

Esempio chiamata ajax

Un semplice esempio di chiamata ajax con jquery

Richiamo la libreria jquery.

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

Il form e il div dove verrà mostrato il risultato

<form>
    Inserisci il nome:<br>
    <input type="text" id="nome" name="nome"/>
    <input type="button" id="invia" value="Invia"/>
</form>
<div id="risultato">

</div>


La chiamata ajax in POST

<script type="text/javascript">
    $(document).ready(function () {
        $("#invia").click(function () {
            $.ajax({
                type: "POST",
                url: "elaboraajaxpost.php",
                data: "nome=" + $("#nome").val(),
                success: function (response) {
                    $("#risultato").html(response);
                }
            });
        });
    })
</script> 

Il file php che elabora la richiesta

<?php
$nome = $_REQUEST['nome'];
echo "Ciao " . $nome;
?>

  • 19/02/2025 08:05

criric

Mi sono appassionato di programmazione web a 34 anni, un pò tardi, da allora però non perdo mai occasione per imparare qualcosa di nuovo in questi campi.

Inserisci un commento

Codice antispam

Categorie

Comunicazioni

Puoi utilizzare questo modulo per qualsiati tipo di segnalazione.

Codice antispam

 

I dati di questo modulo non verranno pubblicati.