ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript を使用して HTML フォームの POST 送信をシミュレートするにはどうすればよいですか?

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

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-12-27 22:32:14606ブラウズ

How Can I Simulate an HTML Form POST Submission Using JavaScript?

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。