URLSearchParamsを使用したJavaScriptでのAJAXデータ送信
Query Stringを手動で構築するのは、しばしばあまり便利ではありません。
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,
});
});
クライアント側にdiv、ボタン、3つの入力欄があります。 入力欄には数値が入力されます。ボタンがクリックされると、 入力された数値をサーバーに送信してください。 サーバーに渡された数値の合計を見つけさせ、それを返させてください。 結果をdivに書き込んでください。