[Jquery] problema metodo ajax
Ciao ragazzi,
ho un probmema con questa funzione che viene chiamata per inviare una mail con jquery:
Codice:
function inviaMail() {
var nome = document.getElementById("nome");
var oggetto = document.getElementById("oggetto");
var email = document.getElementById("email");
var messaggio = document.getElementById("testoMessaggio");
var dati ='nome=' + nome + '&email=' + email + '&oggetto=' + oggetto + '&messaggio=' + messaggio;
$.ajax({
type: "POST",
url: "mail.php",
data: dati,
dataType: "text",
cache: false,
success: function(text) {
// $("#MyModalLabel").text(text);
// $("#MyModal").modal('show');
alert(text);
setTimeout('$("#risposta").fadeOut("slow")',2000);
}
});
}
l'alert funziona, ma le due istruzioni sopra che in questo momento sono commentate no. L'alert funziona anche se tolgo i commenti alle istruzioni sopra, ma non appare la modal box. Sapete dirmi perché?
Questa è la modal box:
Codice HTML:
<!-- Modal box che mostra l'esito dell'invio -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Non è stato possibile inviare la mail, riprova tra qualche istante </h4>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal"> Ok </button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.Modal box-->
