Node.js - Preencher campos ao modificar Select

Programação
#1

Galera, preciso fazer o seguinte…
ao selecionar o município preciso preencher o input UF, ou seja a ideia é consultar o registro no banco e trazer a descrição da uf.

alguém tem algum tutorial ou exemplo de como fazer isso? imagino que isso seja feito via ajax.
image

#2

Mas o front não é node, vc ta usando o que? React JS?

#3

Mas no backend eu utilizo node, de qualquer forma preciso do node pq tenho que buscar o registro no banco. Então eu gostaria de saber como faço esse tipo de requisição?

#4

qual banco de dados vc ta usando? ta usando express?

#5

mysql, sim estou!

#6

pega o municipio como parametro

async searchByMunicipio(request, response) {
        const municipio = request.params.municipio

        db.query("SELECT * FROM alguma coisa WHERE municipio=$1 ORDER BY municipio ASC", [municipio], (error, results) => {
            if (error) {
                throw error
            }
            response.status(200).json(results.rows) //vai retornar o que vc quiser
        })
    },

aí no seu routes vc pode fazer assim:

routes.get('/algumaCoisa/municipio=:municipio', SeuController.searchByMunicipio)

e pra chamar a url:

http://suaURL:porta/algumaCoisa/municipio="Algum Municipio"

aí ele vai te retornar um json com os dados

#7

mas isso,é uma rotina de listar dados, isso já sei fazer!
preciso trazer dados do banco ao selecionar o componente select. e apartir dele preencher o campo ao lado como mostra na imagem.

#8

é o que eu te falei, selecionar o component é front, e isso vc faz com o OnChange, e dentro da sua função vc chama a url…

vc pode usar o AXIOS pra fazer o fetch dessa url