Recupero dati json

di il
2 risposte

Recupero dati json

Buongiorno a tutti, sto imparando ad usare dati json e volevo provare con questo semplice codice, in cui inserisco nome e cognome e tramite ajax li mando a una struttura json per poi recuperarli e stamparli in una tabella.
ajax.php

<html>
<head>
    <title>Ajax</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
    <form id="iscrizione">
        Nome: <input type="text" id="nome" /><br />
        Cognome: <input type="text" id="cognome" /></br >
        <input type="submit" id="invia" value="ISCRIVITI" />
    </form>
    
    <table>
        <tr><td><span id="td_nome"></span></td></tr>
        <tr><td><span id="td_cognome"></span></td></tr>
    </table>
    
    <script type="text/javascript">
    $(document).ready(function(){
        $("#iscrizione").submit(function(){
            var nome = $("#nome").val();
            var cognome = $("#cognome").val();
            $.ajax({
                type: "POST",
                url: "json.php",
                data: "nome=" + nome + "&cognome=" + cognome,
                dataType: "json",
                success:function(msg){
                    $("span#td_nome").html(msg.nome);
                    $("span#td_cognome").html(msg.cognome);
                },
                error: function() {
                    alert ("Chiamata Fallita");
                }
               });
        });
    });
    </script>
</body>
</html>
json.php

<?php
    $dati = array( 'nome'=>utf8_encode($_POST['nome']), 'cognome'=>utf8_encode($_POST['cognome']) );
    echo json_encode($dati);
?>
Dove sbaglio? Grazie mille a tutti per le risposte

2 Risposte

Devi accedere o registrarti per scrivere nel forum
2 risposte