Wie kann ich POST-Daten mit XMLHttpRequest in JavaScript senden?

Senden von POST-Daten mit XMLHttpRequest

Um Daten über ein XMLHttpRequest in JavaScript zu übertragen, ist es wichtig, den Prozess zu verstehen. Betrachten Sie das folgende HTML-Formular:

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

Um das Verhalten dieses Formulars mithilfe einer XMLHttpRequest in JavaScript zu reproduzieren, führen Sie die folgenden Schritte aus:

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

Alternativ, wenn Sie ein Objekt haben, das die von Ihnen gespeicherten Daten enthält senden möchten, konvertieren Sie es mit dem folgenden Code in Parameter:

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

Das obige ist der detaillierte Inhalt vonWie kann ich POST-Daten mit XMLHttpRequest in JavaScript senden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!