JavaScript でのフォーム送信を使用して POST リクエストをエミュレートする方法の問い合わせに応え、最適なクロスブラウザーアプローチは、フォーム要素を動的に作成して送信することです。
これを実現するには、次の手順に従います。手順:
フォーム要素の作成:
const form = document.createElement('form'); form.method = 'post'; form.action = path;
入力の追加フィールド:
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); } }
フォームを追加して送信:
document.body.appendChild(form); form.submit();
この手法では、動的にフォームにリクエスト パラメーターの非表示の入力フィールドを入力し、送信プロセスを開始します。送信時に、ブラウザは場所を変更し、従来のフォーム送信の動作をシミュレートします。
例:
post('/contact/', {name: 'Johnny Bravo'});
以上がJavaScript を使用して HTML フォームの POST 送信をシミュレートするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。