Salve, ho realizzato uno script dove vado a inserire, tramite un form html dei dati in un database mysql, tramite php. Fin qui tutto ok, ora vorrei che nella stessa pagina dove inserisco i dati, quindi dove risiede il form html, sotto vengono elencati i dati appena inseriti senza dover aggiornare la pagina, tipo come accade twitter,facebook etc.
Al momento riesco a inviare i dati senza abbandonare la pagina ma non a visualizzare i nuovi dati. Ecco un esempio
Index.php
salva.php
Al momento riesco a inviare i dati senza abbandonare la pagina ma non a visualizzare i nuovi dati. Ecco un esempio
Index.php
PHP:
//FORM
<form name="modulo">
<p>Nome</p>
<p><input type="text" name="nome" id="nome">
<p>Cognome</p>
<input type="text" name="cognome" id="cognome">
<input type="button" id="bottone" value="Invia i dati">
</form>
<div id="risultato"></div>
// SCRIPT AJAX
<script type="text/javascript">
$(document).ready(function() {
//al click sul bottone del form
$("#bottone").click(function(){
//associo variabili
var nome = $("#nome").val();
var cognome = $("#cognome").val();
//chiamata ajax
$.ajax({
//imposto il tipo di invio dati
type: "POST",
//Invio i dati alla pagina php
url: "salva.php",
//Dati da salvare
data: "nome=" + nome + "&cognome=" + cognome,
dataType: "html",
//visualizzazione errori/ok
success: function(msg)
{
$("#risultato").html(msg);
},
error: function()
{
alert("Chiamata fallita, si prega di riprovare...");
}
});
});
});
</script>
salva.php
PHP:
<?php
include("connessione_db.php");
include("config.php");
mysql_select_db("$db_name",$connessione); //seleziono il database e mi connetto
$nome = $_POST['nome'];
$cognome = $_POST['cognome'];
$sql = "INSERT INTO tabella SET
nome = '$nome', cognome = '$cognome',
if (@mysql_query($sql)) { echo '<p>Dati salvati correttamente</p>'; }
else { echo '<p>Si e verificato un errore ' . mysql_error() .'</p>'; }
?>