Two Ajax requests in the same function

Question

When loading a page, I have two Ajax requests in sequence that fill two select s with options coming from different tables in the database.

But only the first is executed, the second does not even call. I already followed with debug, I put breakpoint to see if the second request enters and does not work.

Both are independent. Follow the code:

function Inicio(){
   // Primeira requisição que é executada
   $.get('ctrl/administrativo/modcadcon.ctrl.php',
           {'acao':'todos_atv', 'campo':'mod_status', 'valor':'1'},
           function(ret_mod){

           // Preenche o select com o resultado

           }
   );

   // Segunda requisição não é executada
   $.get('ctrl/administrativo/procadcon.ctrl.php',
           {'acao':'consultar', 'campo':'pro_status', 'valor':'1'},
           function(ret_pro){

           // Não chega aqui...!
           }
   );
}

[RESOLVED]

There was an error in the PHP script that received the second request... Now they both work.

Answer 1

Try it this way :

function Inicio(){
   // Primeira requisição que é executada
   $.get('ctrl/administrativo/modcadcon.ctrl.php',{'acao':'todos_atv', 'campo':'mod_status', 'valor':'1'})
         .done(function( data ) {
            console.log('Preenche o select com : ' + data)
            $.get('ctrl/administrativo/procadcon.ctrl.php',{'acao':'consultar', 'campo':'pro_status', 'valor':'1'})
               .done(function( data2 ) {
                  console.log('Preenche o select com : ' + data2)
               });
         });
  }