| sitelink1 | |
|---|---|
| sitelink2 | |
| sitelink3 | |
| sitelink4 | |
| extra_vars4 | |
| extra_vars5 | |
| extra_vars6 |
JavaScript로 서버에 특정 값을 POST 방식으로 전달하고 응답을 기다리지 않고 바로 종료하려면,
fetch API를 사용하여 비동기 요청을 보낼 수 있습니다.
다음은 그 예시 코드입니다:
JavaScript
fetch('서버의 URL', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ key: 'value' }) // 여기에 전달하고자 하는 데이터를 JSON 형태로 입력하세요.
});
// 응답을 기다리지 않고 바로 종료합니다.
AI가 생성한 코드입니다. 신중하게 검토하고 사용하세요. FAQ의 자세한 정보.
위 코드는 fetch 함수를 사용하여 서버에 비동기 POST 요청을 보냅니다.
headers에는 요청의 컨텐츠 타입을 지정하고, body에는 서버로 전송할 데이터를 JSON 문자열로 변환하여 포함시킵니다.
이 요청은 비동기적으로 실행되므로, fetch 함수 호출 후에 다른 코드가 즉시 실행됩니다.
따라서 서버로부터의 응답을 기다리지 않고 스크립트가 종료됩니다.
참고: 이 방법은 서버로 데이터를 전송하는 것만을 목적으로 하며, 서버로부터의 응답이 중요하지 않을 때 사용됩니다.
응답을 처리해야 하는 경우에는 .then()이나 async/await을 사용하여 응답을 처리하는 코드를 추가해야 합니다.
추가적으로 FormData 로 전송할 경우엔 다음과 같습니다.
JavaScript
// FormData 객체 생성
const formData = new FormData();
// 필요한 값 추가
formData.append('key1', 'value1');
formData.append('key2', 'value2');
// fetch 함수를 사용하여 FormData를 서버에 POST 방식으로 전송
fetch('서버의 URL', {
method: 'POST',
body: formData
});
위 코드에서 formData 객체에는 서버로 전송하고자 하는 데이터를 append 메서드를 사용하여 추가합니다.
그리고 fetch 함수의 body 옵션에 formData 객체를 전달하여 서버에 POST 요청을 보냅니다.
fetch 함수는 기본적으로 multipart/form-data 형식으로 FormData 객체를 처리하므로, headers에 Content-Type을 명시적으로 설정할 필요가 없습니다.
참고: FormData를 사용할 때는 파일 업로드와 같이 multipart/form-data 형식이 필요한 경우에 유용합니다.
일반적인 텍스트 기반의 데이터를 전송할 때는 JSON 형식을 사용하는 것이 더 일반적입니다.
