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

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

Mary-Kate Olsen
リリース: 2024-12-27 22:32:14
オリジナル
522 人が閲覧しました

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート