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!