JavaScript에서 POST 양식 제출을 어떻게 시뮬레이션할 수 있습니까?

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

다른 페이지로 이동하는 데 POST 요청이 필요한 경우 표준 양식 제출 방법은 다음과 같습니다. JavaScript를 통해 액세스할 수 없습니다. 이 문서에서는 양식 제출 동작을 에뮬레이션하여 데이터를 동적으로 게시하고 브라우저의 위치를 ​​변경하는 솔루션을 제시합니다.

동적 양식 생성 및 제출

이를 달성하려면 다음을 생성하세요. 동적으로 양식을 만들고 필요한 매개변수가 포함된 숨겨진 입력 필드로 채우고 제출합니다. it:

<br>function post(path, params, method='post') {<br> const form = document.createElement('form');<br> form.method = method;<br> form.action = path;</p>
<p>for (매개변수의 const 키) {</p>
<pre class="brush:php;toolbar:false">if (params.hasOwnProperty(key)) {
  const hiddenField = document.createElement('input');
  hiddenField.type = 'hidden';
  hiddenField.name = key;
  hiddenField.value = params[key];

  form.appendChild(hiddenField);
}

}

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

예 사용법

'name' 매개변수를 'Johnny Bravo'로 설정하여 '/contact/'에 데이터를 제출하려면:

<br>post('/ 연락처/', {이름: '조니 Bravo'});<br>

중요 사항

제공된 솔루션에서 'hasOwnProperty' 검사는 브라우저와 브라우저 간 호환성을 보장합니다. 잠재적인 버그를 방지합니다.

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