JavaScript를 사용하여 HTML 양식 POST 제출을 어떻게 시뮬레이션할 수 있습니까?

JavaScript POST 요청을 통한 HTML 양식 제출 시뮬레이션

JavaScript의 양식 제출을 사용하여 POST 요청을 에뮬레이트하는 방법에 대한 쿼리에 대한 응답으로 최적의 크로스 브라우저 접근 방식은 양식 요소를 동적으로 생성하여 제출하는 것입니다.

이를 달성하려면 다음을 따르세요. 단계:

1. 양식 요소 생성:

   const form = document.createElement('form');
   form.method = 'post';
   form.action = path;

2. 입력 추가 필드:

   for (const key in params) {
     if (params.hasOwnProperty(key)) {
       const hiddenField = document.createElement('input');
       hiddenField.type = 'hidden';
       hiddenField.name = key;
       hiddenField.value = params[key];
   
       form.appendChild(hiddenField);
     }
   }

3. 양식 추가 및 제출:

   document.body.appendChild(form);
   form.submit();

이 기술은 동적으로 양식을 요청 매개변수에 대한 숨겨진 입력 필드로 채운 다음 제출 프로세스를 시작합니다. 제출 시 브라우저는 위치를 변경하여 기존 양식 제출 동작을 시뮬레이션합니다.

예:

post('/contact/', {name: 'Johnny Bravo'});

위 내용은 JavaScript를 사용하여 HTML 양식 POST 제출을 어떻게 시뮬레이션할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!