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 中国語 Web サイトの他の関連記事を参照してください。