ホームページ > ウェブフロントエンド > jsチュートリアル > XMLHttpRequest で POST データを送信するには?

XMLHttpRequest で POST データを送信するには?

Patricia Arquette
リリース: 2025-01-02 14:27:38
オリジナル
327 人が閲覧しました

How to Send POST Data with XMLHttpRequest?

XMLHttpRequest を使用して POST データを送信する方法

アプリケーションがサーバーにデータを送信する必要があるシナリオでは、XMLHttpRequest を利用して POST データを送信できます。

提供された HTML コードでは、データは非表示のフォーム フィールド内にカプセル化されています。 JavaScript で XMLHttpRequest を使用してこの動作を反映するには、次の手順に従います。

  1. XMLHttpRequest オブジェクトを作成します:

    var http = new XMLHttpRequest();
    ログイン後にコピー
  2. リクエストメソッドを設定し、 URL:

    var url = 'get_data.php';
    http.open('POST', url, true);
    ログイン後にコピー
  3. リクエストヘッダーを設定します:

    http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
    ログイン後にコピー
  4. 定義準備完了状態のイベントリスナー変更:

    http.onreadystatechange = function() {//Call a function when the state changes.
     if(http.readyState == 4 && http.status == 200) {
         alert(http.responseText);
     }
    }
    ログイン後にコピー
  5. データを送信:

    http.send(params);
    ログイン後にコピー

データが変更された場合オブジェクトに保存されている場合は、提供されたコード スニペットを使用して URL エンコード形式に変換します。

以上がXMLHttpRequest で POST データを送信するには?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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