Gravar os registros inseridos, tanto por integração como por im

var botaoAdicionar = document.querySelector("#adicionar-paciente");
botaoAdicionar.addEventListener("click", function(event) { 
    event.preventDefault();

    var form = document.querySelector("#form-adiciona"); 

    var paciente = obtemPacienteDoFormulario(form);
    var erros = validaPaciente(paciente);

   if(erros.length > 0){
        exibeMensagensDeErro(erros);
        return;
    }

    adicionaPacienteNaTabela(paciente);

    form.reset();
    var mensagensErro = document.querySelector("#mensagens-erro");
    mensagensErro.innerHTML = "";
});

No vídeo foi explicado como inserir os dados na tabela através de input no formulário ou através de integração utilizando o AJAX, porém não foi ensinado/explicado como gravar realmente essas informações na tabela, pois ao atualizar a tela do navegador, as informações inseridas ou integradas sumiam e voltava-se às informações iniciais do treinamento.

Como se gravam essas informações?