messaggio nel pulsante quando si invia un modulo

[allin81]

Buonasera
ho un modulo che invio tramite ajax

Inizialmente all'interno del pulsante di invio ho la scritta "invia"
Appena clicco sul pulsante faccio comparire il messaggio "attendere..."

L'invio viene effettuato senza alcun problema, solo che vorrei che una volta inviato si togliesse la scritta "attendere..." per far ritornare "invia", come potrei fare?

Utilizzo il codice che ho inserito qui
https://jsfiddle.net/89aebk2o/

Grazie

[alka]

ho un modulo che invio tramite ajax
[...]

Scusa ma... nel link che hai postato manca proprio il codice dell'invio: è a quello che devi fare riferimento per farti notificare la fine dell'operazione e, di conseguenza, andare a ripristinare il testo sul pulsante come risposta.

[allin81]

il problema è che volevo incollare le poche righe di codice qui, ma il forum mi blocca ed ho dovuto mettere una parte su quel sito

in ogni caso ho fatto delle modifiche, adesso riesco ad ottenere il pulsante con la scritta iniziale "invia preventivo", che poi diventa "invio in corso" e poi torna ad essere "invia preventivo".

L'unica cosa che non riesco a fare è caricare nella stessa pagina il messaggio di successo o di errore quando phpmailer invia l'email.
Riprovo ad incollare il codice

<script>
$("#invia-preventivo-<?=$id_hotel?>").submit(function(e) {


    e.preventDefault(); // avoid to execute the actual submit of the form.


    var form = $(this);
    var actionUrl = form.attr('action');


    $('#btn_invio-<?=$id_hotel?>').html('Invio in corso...');
    
    $.ajax({
        type: "POST",
        url: "invia_preventivo.php",
        data: form.serialize(), // serializes the form's elements.
        success: function(data)
        {
          $('#btn_invio-<?=$id_hotel?>').html('Invia Preventivo');
          $('#invio-preventivo-<?=$id_hotel?>').load('<span class="green">Il Preventivo è stato Inviato!</span>'); 

        }
    });
    
});
</script>

Il messaggio voglio farlo comparire qui

<div id="invio-preventivo-<?=$id_hotel?>" align="center" style="margin-top:10px;"></div>

mentre questo è il codice della parte finale del file con phpmailer che controlla se l'email è partita o meno:

    //Contenuto dell'email
    $mail->isHTML(true);
    $mail->Subject = 'Preventivo';
	$mail->Body= "$pagina";


	$mail->AltBody = 'Questo testo arriva alle email non html';


    $mail->send();
 
    echo "<span class=\"green\">Preventivo Inviato</span>";
} catch (Exception $e) {
    echo "<span class=\"red\">Attenzione, errore: {$mail->ErrorInfo}</span>";
}

Al momento mi compare la scritta "Il Preventivo è stato Inviato!" ma non lo prende dal file php.
Come potrei sistemare? (spero che il forum mi faccia inviare sto messaggio)