JavaScript で POST フォームの送信をシミュレートするにはどうすればよいですか?

JavaScript での POST リクエストによるフォーム送信のシミュレーション

別のページに移動するときに POST リクエストが必要な場合、標準のフォーム送信メソッドではJavaScript からはアクセスできません。この記事では、データを動的に投稿してブラウザの場所を変更し、フォーム送信動作をエミュレートするソリューションを紹介します。

gt;動的フォームの作成と送信

これを実現するには、フォームを動的に作成し、必要なパラメータを含む非表示の入力フィールドを入力して送信します。 it:

<br>function post(path, params, method='post') {<br> const form = document.createElement('form');<br> form.method = メソッド;<br> form.action = path;</p>
<p>for (params の 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 中国語 Web サイトの他の関連記事を参照してください。