Como atualizar dinamicamente uma lista na página sem recarregá-la após enviar novos dados ao servidor?

Resposta

Enviar os dados por uma requisição assíncrona e, ao receber a resposta, atualizar o DOM com JavaScript.

Use payload em JSON e envie via fetch ou XMLHttpRequest.
Ao receber a resposta, parseie o JSON e insira apenas o novo item no DOM ou re-renderize parcialmente.
Exiba estado de carregamento e trate erros para preservar a UX.