Heim >Web-Frontend >js-Tutorial >Wie sende ich POST-Daten mit XMLHttpRequest?

Wie sende ich POST-Daten mit XMLHttpRequest?

Patricia Arquette
Patricia ArquetteOriginal
2025-01-02 14:27:38359Durchsuche

How to Send POST Data with XMLHttpRequest?

So übermitteln Sie POST-Daten mit XMLHttpRequest

In Szenarien, in denen eine Anwendung Daten an den Server übermitteln muss, kann man XMLHttpRequest zum Senden von POST-Daten verwenden.

Im bereitgestellten HTML-Code sind Daten in versteckten Formularfeldern gekapselt. Um dieses Verhalten mithilfe von XMLHttpRequest in JavaScript zu spiegeln, führen Sie die folgenden Schritte aus:

  1. Erstellen Sie ein XMLHttpRequest-Objekt:

    var http = new XMLHttpRequest();
  2. Legen Sie die Anforderungsmethode fest und URL:

    var url = 'get_data.php';
    http.open('POST', url, true);
  3. Anforderungsheader festlegen:

    http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
  4. Definieren Der Ereignis-Listener für den Bereitschaftszustand Änderungen:

    http.onreadystatechange = function() {//Call a function when the state changes.
     if(http.readyState == 4 && http.status == 200) {
         alert(http.responseText);
     }
    }
  5. Daten senden:

    http.send(params);

Für Fälle, in denen die Daten in einem Objekt gespeichert ist, wandeln Sie es mithilfe des bereitgestellten Code-Snippets in ein URL-codiertes Format um.

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn