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, 버튼 및 세 개의 입력 필드가 제공됩니다. 입력 필드에 숫자를 입력합니다. 버튼을 클릭하면 입력된 숫자를 서버로 전송합니다. 서버가 전송된 숫자의 합계를 찾아 다시 반환하도록 합니다. 결과를 div에 기록합니다.
