Bagaimanakah Saya Boleh Menghantar Data POST Menggunakan XMLHttpRequest dalam JavaScript?

Menghantar Data POST dengan XMLHttpRequest

Untuk menghantar data melalui XMLHttpRequest dalam JavaScript, adalah penting untuk memahami prosesnya. Pertimbangkan borang HTML berikut:

<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>

Untuk meniru gelagat borang ini menggunakan XMLHttpRequest dalam JavaScript, ikut langkah berikut:

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);

Sebagai alternatif, jika anda mempunyai objek yang mengandungi data yang anda ingin menghantar, tukarkannya kepada parameter menggunakan kod berikut:

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]));
}

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghantar Data POST Menggunakan XMLHttpRequest dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!