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

フォームを使用して JavaScript で POST リクエストを送信するにはどうすればよいですか?

Barbara Streisand
リリース: 2024-12-28 07:34:28
オリジナル
848 人が閲覧しました

How Can I Submit POST Requests in JavaScript Using a Form?

JavaScript で POST リクエストを送信する: フォームベースのアプローチ

JavaScript で POST リクエストを送信し、フォームを送信するかのように別のページに移動するには、このソリューションを検討してください。 :

/**
 * sends a request to the specified url from a form. this will change the window location.
 * @param {string} path the path to send the post request to
 * @param {object} params the parameters to add to the url
 * @param {string} [method=post] the method to use on the form
 */

function post(path, params, method='post') {
  // Create a form and add it to the DOM
  const form = document.createElement('form');
  form.method = method;
  form.action = path;
  document.body.appendChild(form);

  // Create hidden input fields for each parameter
  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);
    }
  }

  // Submit the form
  form.submit();

  // Optionally, remove the form from the DOM
  document.body.removeChild(form);
}

// Example:
post('/contact/', {name: 'Johnny Bravo'});
````
ログイン後にコピー

以上がフォームを使用して JavaScript で POST リクエストを送信するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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