$(document).ready(function() {
    listarGrid();
});

function listarGrid(){
    $.get('https://localhost:5001/Colaborador/Listar')
        .done(function(resposta) {
            for(i = 0; i < resposta.length; i++) {
                let dados = resposta[i];

                $('#grid').append($('<tr></tr>').attr('id', dados.id));
                $('#' + dados.id).append($('<td></td>').html(dados.id));
                $('#' + dados.id).append($('<td></td>').html(dados.nome));
                $('#' + dados.id).append($('<td></td>').html(dados.salario));
            }
        })
        .fail(function(erro, mensagem, excecao) {
            alert(mensagem + ': ' + excecao);
        });
}