Oii Rafael, como você está?
Peço desculpas pela demora no retorno de sua resposta.
Abaixo, uma sugestão de código javascript para alcançar o objetivo: 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(function () {
    $('#id_funcionario').on('change', function () {
        var matricula = $(this).val();
        var tagIdNomeFuncionario = $('#funcionario_nome');
        var nomeFuncionario = '<p></p>';
        $.ajax({
            url: '/get_funcionario_name',
            type: 'GET',
            data: {
                'matricula': matricula
            },
        }).fail(function(jqXHR, textStatus, errorThrown) {
            alert(textStatus + ': ' + errorThrown);
        }).done(function (data) {
            if(!data.hasOwnProperty('error')){
                console.log(data);
                nomeFuncionario += data['nomeDoSeuObjetoDeFuncionarios'][0]['nomeDoCampoQuePossuioNomeDoFuncionario'];
            }
        }).always( function(data){
            tagIdNomeFuncionario.html(nomeFuncionario);
        });
    });
}); 
</script>
Como você nunca fez consultas com Ajax, talvez ocorra um estranhamento em relação a sintaxe. Mas, qualquer dúvida é só falar. 
Abraços e bons estudos!