[jquery] gestire eventi ajaxStart e ajaxStop con il load

[davidino86]

salve a tutti,

piccolo problema con gli eventi ajax, ho questa funzione:

 $(document).ready(function ()
    {
       var urlProcessData = 'home/saveResult';

       /*
        * Bof gestione chiamate ajax
        */
                $('#loading').ajaxStart(function (event, request, settings)
                {

                 
                    $(this).fadeIn();   //  faccio comparire il div con la gif di loading
                    $('#box_test').fadeOut(function(){
                        $(this).html(" ");      //svuoto il contenuto del div box test
                    });

                    
                });

                $('#loading').ajaxStop(function (event, request, settings)
                {
                      $(this).hide(); // nascondo il div con la gif di loading 
                      $('#box_test').fadeIn(function()
                      {
                          $(this).load('ajax/'   + ajaxpage +    '.php');   //faccio comparire di nuovo il boxtest con il nuovo contenuto
                                                                            //chiamando una pagina esterna
                      })
                     
                });

           /*
            * Eof gestione chiamate ajax
            */     

        $('.btn_submit').click(function()
        {
            // al click del bottone faccio partire la prima chiamata ajax
              $.ajax({
               url:     urlProcessData,
               type:    'post',
               data:    $('#Form').serialize()

            });

        });



    }); 

ora se clicco una prima volta vedo il loading apena stoppata la prima chiamata carica la pagina per un istante e con il load parte un'altra chiamata ajax che fa eseguire l'evento ajaxStart andando cosi in loop.

come posso risolvere?

grazie un saluto a tutti