Recupero dati json

Fabio_97

Nuovo Utente
19 Lug 2016
3
0
1
27
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
Codice:
<html>
<head>
    <title>Ajax</title>
    <script type="text/javascript" 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>Nome: </td><td><span id="td_nome"></span></td></tr>
        <tr><td>Cognome: </td><td><span id="td_cognome"></span></td></tr>
    </table>
   
    <script type="text/javascript">
        $("#iscrizione").submit(function(){
            var nome = $("#nome").val();
            var cognome = $("#cognome").val();
            $.ajax({
                url: "json.php",
                type: "POST",
                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
Codice:
<?php
    header("Content-Type: application/json", true);
    $dati = array( 'nome'=>$_POST['nome'], 'cognome'=>$_POST['cognome'] );
    echo json_encode($dati);
?>
Dove sbaglio? Grazie mille per le risposte
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, il submit del form non deve avviarsi altrimenti si ricarica la pagina, puoi modificare l'inizio della funzione cosi
Codice:
$("#iscrizione").submit(function (e) {
                e.preventDefault();
oppure sostitiure il submit con un semplice button e modificare cosi
Codice:
$("#invia").click(function(){
 

localhost.nicola

Utente Attivo
11 Dic 2015
58
2
8
Ciao, non si capisce bene quale sia il tuo problema ma un errore comune è il non stampare tramite php un array multi-dimensionale.

Ti posto un mio codice per farti capire:

Codice:
#JSON ERRORE
    $json_error_response[] = array(
        "answer" => false,       
            array("log" => "Attenzione si sta cercando di inserire un appuntamento in una data precedente alla data odierna.", "action" => "Selezionare una data antecedente alla data odierna.")
    );

La differenza tra questo e il tuo script è che tu ritorni un array (
$dati = array( 'nome'=>$_POST['nome'], 'cognome'=>$_POST['cognome'] ) ) semplice, l'utilizzo corretto prevede un array multidimensionale.

Fammi sapere, ciao.
 
Discussioni simili
Autore Titolo Forum Risposte Data
S problema con recupero dati tabella mysql PHP 2
D Recupero dati da HDD esterno Hardware 0
L Recupero dati da SSD Windows 10 prof Windows e Software 3
Sergio Unia Recupero dati da una vecchia versione MySql [Risolto] MySQL 4
L Problema con recupero dati in PHP cURL e JAVA con server PHP 1
S [PHP] Recupero più dati da form realizzata ciclo FOR PHP 5
P [PHP] Recupero dati da un array PHP 5
I tabella con ciclo, recupero dati PHP 3
Emix Problema recupero Dati da MYSQL PHP 20
L Recupero dati da tutte le tabelle nel db MySQL 4
Alessio Gebbia [PHP] Recupero dati da un WHILE ! PHP 3
M recupero dati... PHP 1
P Recupero dati per select form PHP 9
L Recupero dati form in tabella e invio con ajax. Problemino jQuery 1
felino HDD 2.5'' caduto a terra: possibile recupero dei dati al suo interno Hardware 8
Emix Recupero dati da una tabella e spostarli in un altra PHP 11
C Recupero dati da pagina esterna PHP 5
M recupero dati da db PHP 6
T Problema con form e recupero dati da mysql PHP 17
F errori sul recupero dati mysql e php PHP 3
minatore Recupero dati PHP 47
minatore Recupero dati MySQL 10
T Problema recupero dati da file [era: help script php] PHP 9
Vale2 Recove my files ™ Recupero dati Windows e Software 1
Vale2 Software per Recupero dati Windows e Software 0
D relazioni 1:n e recupero dati da form PHP 2
R Recupero dati hd esterno Windows e Software 3
O recupero dati da pagina web PHP 1
M Recupero dati Database tramite form richiesta PHP 9
B aiuto con ajax (recupero dati da un db) Javascript 2
M Recupero dati da pagina php PHP 2
E Recupero dati da database PHP 8
I Recupero particolari dati PHP 32
T recupero dati ASP.NET 0
T recupero dati da database ASP.NET 6
W Problema recupero dati database Javascript 2
C recupero dati dal form Javascript 1
C Anomalia Cartteri & recupero dati!!!!! Supporto Mr.Webmaster 0
R Recupero di permalink di un sito che è stato eliminato per errore WordPress 5
T Recupero valori tramite $_GET PHP 4
O Recupero valori da listato Javascript 0
T foreach e fetchAll dove recupero solo l'ultimo record PHP 5
T recupero valori select multipla da android Javascript 3
W Recupero password Classic ASP 16
S [PHP] Recupero nome immagine da Form con input file PHP 3
bubino8 [PHP] Recupero id autoincrement PHP 8
I Recupero accesso pannello di controllo dominio Leggi, Normative e Fisco 2
S [PHP] form con metodo get e recupero id PHP 4
Emix [PHP] Check - Select e recupero variabili PHP 40
bubino8 [PHP] Recupero input senza invio PHP 1

Discussioni simili