Envio de dados via AJAX usando URLSearchParams em JavaScript
Muitas vezes não é muito conveniente formar
Query String manualmente. É mais conveniente
fazer isso através do
URLSearchParams:
button.addEventListener('click', function() {
let searchParams = new URLSearchParams();
searchParams.set('num1', '1');
searchParams.set('num2', '2');
let promise = fetch('/handler/', {
method: 'post',
body: searchParams,
});
});
No cliente, são fornecidos um div, um botão e três inputs. Os números são inseridos nos inputs. Ao clicar no botão, envie os números digitados para o servidor. Deixe o servidor encontrar a soma dos números transmitidos e retorná-la. Escreva o resultado no div.