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

Wie sende ich POST-Daten mit XMLHttpRequest?

Patricia Arquette
Freigeben: 2025-01-02 14:27:38
Original
355 Leute haben es durchsucht

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();
    Nach dem Login kopieren
  2. Legen Sie die Anforderungsmethode fest und URL:

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

    http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
    Nach dem Login kopieren
  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);
     }
    }
    Nach dem Login kopieren
  5. Daten senden:

    http.send(params);
    Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage