Atualizar continuamente dados dos campos sem atualizar a pagina

Bom dia pessoal, sou novo na área e estou tentando aprender algumas coisas mas estou tendo um problema..

Eu tenho 2 telas.

1- Tela de controle:

Tem vários campos desde text, buttons até range.

Cada vez que clicar em um botão ele submete todas as informações da pagina para um banco de dados mysql. Deste modo, se eu colocar no no text1 "azul" e no range1 "45" ele mandara essas informações para tabelas diferentes no servidor.

Gostaria de fazer um button que quando eu clico ele submete todas as informações sem atualizar a página, apenas as envia e mostra uma mensagem avisando que deu certo.

2- Tela de consulta:

Nessa tela tem diversos campos variados também que fica checando o banco de dados a cada 1 segundo e atualiza todos os campos automaticamente.

Também existem campos que podem ser submetidos ao se clicar em um botao, porem são campos separados dos que se auto-atualizam.

Eu não tenho experiência com isso, consigo fazer com php, mas ai teria que ficar recarregando a página constantemente e perderia toda a dinâmica e velocidade esperada para a aplicação fluir.

Obrigado desde já a todos.