Esempio chiamata ajax

spacca!  11 scarso!  0 versione stampa invia per email scheda utente totale visite  3863
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;
?>
 
 

Inserisci un commento

non sei loggato

CAPTCHA