JavaScript で XMLHttpRequest を使用して POST データを送信するにはどうすればよいですか?

XMLHttpRequest を使用した POST データの送信

JavaScript で XMLHttpRequest を介してデータを送信するには、プロセスを理解することが不可欠です。次の HTML フォームについて考えてみましょう。

<form name="inputform" action="somewhere" method="post">
  <input type="hidden" value="person" name="user">
  <input type="hidden" value="password" name="pwd">
  <input type="hidden" value="place" name="organization">
  <input type="hidden" value="key" name="requiredkey">
</form>

JavaScript で XMLHttpRequest を使用してこのフォームの動作を複製するには、次の手順に従います。

var http = new XMLHttpRequest();
var url = 'get_data.php';
var params = 'orem=ipsum&name=binny';

http.open('POST', url, true);
http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');

http.onreadystatechange = function() {
    if (http.readyState == 4 && http.status == 200) {
        alert(http.responseText);
    }
}

http.send(params);

または、必要なデータを含むオブジェクトがある場合は、送信したい場合は、次のコードを使用してパラメータに変換します:

var params = new Object();
params.myparam1 = myval1;
params.myparam2 = myval2;

let urlEncodedData = "", urlEncodedDataPairs = [], name;
for (name in params) {
    urlEncodedDataPairs.push(encodeURIComponent(name) + '=' + encodeURIComponent(params[name]));
}

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