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