inviare email con ajax cliccando su un pulsante facendo apparire il messaggio "inviato"

[allin81]

Buonasera
ho 1 pulsante fatto con bootstrap dove cliccandoci sopra mi si apre la pagina email-invio-cliente.php inviando l'email al cliente (contiene il codice php per inviare l'email ai miei clienti)

Vorrei poter inviare questa email senza aprire la nuova pagina ma soltanto cliccando sul pulsante e subito sotto far uscire il testo "messaggio inviato" (oppure in caso di problemi "messaggio non inviato")

al momento riesco ad inviarla cliccando sul pulsante, ma riesco a farlo solo con l'apertura di un alert

Come posso far comparire il messaggio "messaggio inviato" sotto al bottone? (o il messaggio di errore nel caso in cui qualcosa vada storto)

Grazie

questo è il mio codice

<script>
$(document).ready(function(){
  $("#invia-conferma-cliente-<?=$id_prenotazione?>").click(function(){
    $.get("mail-conferma-cliente.php?id_prenotazione=<?=$id_prenotazione?>", function(data, status){
      alert("Email al Cliente Inviata");
    });
  });
});
</script>

[allin81]

ok se può servire ho risolto cosi':

<script>
$(document).ready(function(){
  $("#invia-conferma-cliente-<?=$id_prenotazione?>").click(function(){
    $.get("mail-conferma-cliente.php?id_prenotazione=<?=$id_prenotazione?>", function(data, status){
			$('#email-invia-conferma-cliente').html(data);
    });
  });
});
</script>

sotto al pulsante ho creato il div

<div id="email-invia-conferma-cliente" align="center"></div>

ed il testo all'interno (messaggio inviato oppure messaggio non inviato) lo prende dal file php che carico