[jquery] gestire eventi ajaxStart e ajaxStop e richieste in coda

davidino86

Nuovo Utente
14 Ott 2009
2
0
0
salve a tutti,

piccolo problema con gli eventi ajax, ho questa funzione:

PHP:
 $(document).ready(function ()
    {
       var urlProcessData = 'home/saveResult';
       function abortRequest(currentRequest)
       {
           if (currentRequest)
               {
                  currentRequest.abort();
               }
       }
       /*
        * 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
                    });


                    

                    
                    
                });

                
                    
               $('#box_test').ajaxSuccess(function(evt, request, settings)
               {

                   $('#loading').hide();
                      var y = $.get('ajax/'   + ajaxpage +    '.php', function(data)
                       {
                           $('#box_test').fadeIn(function()
                           {
                               $(this).append(data);

                           });
                       });   //faccio comparire di nuovo il boxtest con il nuovo contenuto
                       
                       
                    

              });

                

           /*
            * Eof gestione chiamate ajax
            */



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

            });
            

  
        });

    });

ora se clicco una prima volta sul pulsente che scatena la prima richiesta vedo il loading chiamato nell'evento ajaxStart apena completata la prima chiamata deve nascondere il loading caricare la pagina caricata in get ma questo scatena un altra richiesta ajax che fa eseguire l'evento ajaxStart andando cosi in loop.

come posso risolvere?

grazie un saluto a tutti