mostrare div prima dei risultati

[crissss]

ciao a tutti ho scritto questo codice:

<script type="text/javascript">
 
$(document).ready(function() {

	$("#input_form").submit(function(){
		var importo = $("#importo").attr('value');
		var menu = $("#menu").attr('value');
		var menu2 = $("#menu2").attr('value');
		var menu4 = $("#menu4").attr('value');
		var menu5 = $("#menu5").attr('value');
		var valuta = $("#valuta").attr('value');
		$.ajax({
  			url: 'test.php',
  			type: "POST",
  			data: "importo="+importo+"&menu="+menu+"&menu2="+menu2+"&menu4="+menu4+"&menu5="+menu5+"&valuta="+valuta,
  			success: function(data) {
    		$("div#result2").html(data);
  			}
				
			});
			
		return false;
	}); 

});
</script>

quello che vorrei fare e che prima di mostrare i risultati nella pagina test mi venisse visualizzato un messaggio che dopo tot secondi scomparirà mostrando i risultati, come posso fare?

[darkonme]

Prova così, ci sono due esempi in realtà. Il before send viene eseguito prima della richiesta ajax, ad esempio se vuoi dare all'utente conferma dell'avvio della richiesta lo fai qua, success invece è chiamata solo se la richiesta ajax ha successo, e comunque solo alla "restituzione" della pagina test.

Per inserire la pausa in success ho usato setTimeout

http://wwww.w3schools.com/jsref/met_win_settimeout.asp

 <script type="text/javascript">
 
            $(document).ready(function() {

                $("#input_form").submit(function(){
                    var importo = $("#importo").attr('value');
                    var menu = $("#menu").attr('value');
                    var menu2 = $("#menu2").attr('value');
                    var menu4 = $("#menu4").attr('value');
                    var menu5 = $("#menu5").attr('value');
                    var valuta = $("#valuta").attr('value');
                    $.ajax({
                        url: 'test.php',
                        type: "POST",
                        data: "importo="+importo+"&menu="+menu+"&menu2="+menu2+"&menu4="+menu4+"&menu5="+menu5+"&valuta="+valuta,
                        beforeSend: function( xhr ) {
                            $('div#result2').empty().html("Richiesta in corso...")
                        },
                        success: function(data) {
                            $('div#result2').empty().html("Attendere 2 secondi")
                            setTimeout(function(){
                                $("div#result2").html(data);
                            }, 2000);
                        }
                
                    });
            
                    return false;
                }); 

            });
        </script> 

[crissss]

genio!