Inserire gif nel caricamento dati upload

[pippuccio76]

Salve ho una chiamata ajax :

<script type="text/javascript">


$(document).ready(function() {
  $('form').submit(function (e) {
                    e.preventDefault();
                    $.ajax({
                        type: 'post',
                        url: 'ricezione.php',
                        data: new FormData(this),
                        dataType: 'text',
                        contentType: false,
                        processData: false,
                        success: function (data) {
                             $("#risultato").html(data);
                        },
                        error: function (xhr, textStatus, errorThrown) { alert(xhr.status + ': ' + errorThrown); alert("errore"); }
                    })
                });
});




</script>

Come posso aggiungere una gif nel tempo in cui i dati vengono processati e farla sparire all'arrivo dei dati ?

[m4rko80]

Ciao, semplicemente usando i metodi di ajax. Potresti usare beforesend per mostrare e per nascondere nel success.
Va gestito poi sicuramente il nascondi, in quanto in caso di errore non passerai mai dal success ma per esempio nel error.
PS
se guardi l'ultima versione di jquery ajax penso sia piu' pratica. In sostanza è così

$.ajax(
				    {
	                    url: 'http://prova.it',
	                    method: 'POST'	                    
	                }
	                ).done(function (result) {                    
	                    //Success
	                }).fail(function (req, textStatus, errorThrown) {
	                    //error
	                }).always(function(){
	                	//sempre eseguita
	                });