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.

Javascript - Html - Css - Php - Mysql

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.