Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Trocar o conteúdo de uma DIV dependendo do botão clicado

Eai galera,

Estou com o seguinte problema. Estou desenvolvendo um sistema intranet, após a página de login eu vou para minha página principal na qual tem um menu lateral com diversos botões. Cada botão que meu usuário apertar eu desejo que carregue um conteúdo no centro da minha página.

Exemplo:

Eu clico no botao "Cadastrar Funcionário" e o sistema deve abrir o formulário no centro da página, ou se eu clico no botão "Listar Funcionarios" uma tabela de funcionarios deve aparecer.

A idéia é ter a dinâmica de um programinha desktop mesmo sem ter que dar refresh na página inteira toda vez.

O problema é como eu faço isso?

Eu pensei na seguinte solução. Quando eu clico em um botão eu faço uma requisição por AJAX para meu servidor (PHP) e meu servidor me devolve o html da página que eu preciso exibir, com javascript eu pego esse texto (html) e dou um innerHtml dentro da minha DIV principal da página.

Como eu tenho muitos botões para fazer isso e o trabalho vai ser realmente muito grande, achei melhor perguntar para vocês.

Esse é o caminho certo?

Obrigado!!

1 resposta
solução!

Olá, ao que me parece você está tentando fazer uma Web App com roteamento.

Implementar dessa maneira não me parece o ideal.

A minha sugestão é seguir os cursos avançados de JavaScript e em seguida escolher um framework que vai te ajudar a gerar visualizações e te fornecer uma maneira de criar rotas para serem acessadas sem recarregar a página.

Os frameworks/bibliotecas mais utilizados para criação de Web Apps provavelmente sejam React, Angular, Vue, aqui na Alura tem curso para todos eles.

Todo esse aprendizado te tomará um certo tempo, então não sei se é a melhor solução pra você.

Não tenho muita experiência, então recomendo que aguarde outras respostas.