Pick up button id

You can use a class of generated elements, for example

  

class = 'btn btn-success test '

and then:

$(".teste").click(function()
{
    var id = $(this).attr('id');
});

Add a class and place the event in it to get the id of the button:

<?
 while ($linha = mysqli_fetch_array($ids))
              {
                  $query = ("select * from componentes where id_principal = ".$linha[0]." ");
                  $componentes = mysqli_query($con,$query);
                  $resultado = mysqli_fetch_row($componentes);

                  $id_componente = $resultado[0];
                  $codigo = $resultado[2];
                  $nome = $resultado[3];
                  $entrada = $resultado[4];
                  $saida = $resultado[5];
                  $f = $resultado[6];
                  $m = $resultado[7];
                  $g = $resultado[8];
                  $gg = $resultado[9];
                  $total = ($f + $m + $g + $gg);

                  print "<tr>";
                  // ESSE É O BOTÃO QUE PRECISO PEGAR O ID QUANDO ELE SER PRESSIONADO
                  print "<td><button id=".$id_componente." type='submit' class='btn btn-success bt-componente'>".$codigo."</td>";

?>

<script>
    $(function(){
        $('.bt-componente').click(function(){
             var id = $(this).attr('id'); //aqui você tem o id para usar em um ajax ou algo do tipo...
             $.ajax({
                 url: "urlquefaraaconsulta",
                 type: "post", //opcional, padrão get
                 data: {id: id},
                 success: function(data){
                     $('table').after(data); //exemplo de como inserir o conetúdo retornado
                 }
             });
        });
    });
</script>

Another alternative would be to redirect the user directly to a screen where he will query using id as a parameter:

<script>
$(function(){
    $('.bt-componente').click(function(){
         var id = $(this).attr('id');
         window.location.href = "minhaurl?id=" + id;
    });
});
</script>