Javascript + Ajax

[kikoweb]

Ciao a tutti!
Ho un problema con questo codice che ho scritto:

<script type="text/javascript"> 

jQuery(function(){     
     jQuery('#button1').click(function(){
           

$("#loading").ajaxStart(function(){
   $(this).show();
 });


            var variabile1 = "1";
            var variabile2 = "15";
           jQuery.post('http://www.sitoweb.it/match/',  {var1: variabile1, var2: variabile2}, 
mostra_dati);

$("#loading").ajaxStop(function(){
   $(this).hide();
 }); 

     }); 


 jQuery('#button2').click(function(){

$("#loading").ajaxStart(function(){
   $(this).show();
 });

            var variabile1 = "1";
            var variabile2 = "16";
           jQuery.post('http://www.sitoweb.it/match/',  {var1: variabile1, var2: variabile2}, 
mostra_dati);

$("#loading").ajaxStop(function(){
   $(this).hide();
 }); 

     }); 



});
</script>

<script type="text/javascript">
function mostra_dati(data){
         jQuery(function(){ 
                jQuery('#contenuto').html(data);
          }) 
}
</script>




<div id="loading" style="display: none; position: relative; margin:0 auto;">[img]images/loading.gif[/img]</div>
<button id="button1">Bottone1</button> <button id="button2">Bottone2</button>
<div id="contenuto">
</div>

Il codice funziona solo che, oltre a non essere stato scritto in maniera ottimale, mostra ogni volta ad ogni click del pulsante l'immagine relativa al caricamento... la prima volta va bene ma vorrei che quando vengono cliccati una seconda volta venga in qualche modo utilizzata la cache e che quindi non mostri nessuna immagine di loading.

Spero di ricevere una vostra risposta.

Grazie!

[br1]

Riproponi con un titolo a norma di regolamento.