AJAX - Das XMLHTTPREQUEST -Objekt | Erklärt
Diese Beschreibung wird erklären, was Ajax - Das XMLHTTPREquest -Objekt ist und wie Sie ein XMLHTTPrequest -Objekt in JavaScript erstellen und verwenden können. Darüber hinaus werden wir auch die Methoden und Eigenschaften des AJAX bereitstellen - das XMLHTTPrequest -Objekt. So lass uns anfangen!
Was ist XMLHTTPREquest -Objekt?
Das AJAX - Das XMLHTTPrequest -Objekt ist eine API, die zum Abrufen von Daten von einem bestimmten Server verwendet wird. Die AJAX -Programmierung nutzt das XMLHTTPrequest ausführlich. Es kann jede Art von Daten wie Text, XML, JSON abrufen. Im Hintergrund wenden sich die XMLHTTPrequest -Objektanforderungen für die Daten an und aktualisieren die Website anschließend, ohne dass der Client die Seite neu laden muss. Um die asynchrone Kommunikation zwischen Server und Client zu erhalten.
So erstellen Sie ein XMLHTTPrequest -Objekt
Ein integriertes XMLHTTPrequest-Objekt ist in allen modernen Browsern wie Edge, Chrom, Firefox, Oper und Safari Avialble. Um ein XMLHTTPrequest-Objekt zu erstellen, müssen Sie der untergegewalten Syntax des XMLHTTPREquest-Objekts folgen:
var varibename = new xmlhttprequest ();Beispiel: Verwenden von AJAX - das xmlhttprequest -Objekt
In diesem Beispiel werden wir versuchen, den Inhalt des “Ajax_info.txt" Datei von unserem Server, und dann ersetzen wir den Absatzinhalt darin:
AJAX - Das XMLHTTPREQUEST -Objekt | Erklärt
Hier haben wir einen Absatz mit dem Tag und a hinzugefügt "Absatz ändern" Knopf, die wir aufrufen werden "Loadingdoc ()" Funktion, wenn wir auf diese Schaltfläche klicken:
Wir werden diesen Absatz ändern.
Führen Sie das oben gegebene Programm in Ihrem bevorzugten Code-Editor oder einer Online-Codierungssandbox aus. Wir werden das JSBin jedoch für diesen Zweck verwenden:
Aus der angegebenen Ausgabe klicken wir auf die "Absatz ändern" Taste:
Wenn Sie auf die angegebene Schaltfläche angegeben werden, wird der aktuelle Inhalt des Absatzes durch den in der hinzugefügten Text ersetzt “Ajax_info.txt" Serverdatei:
Schauen wir uns nun einige der nützlichen Eigenschaften und Methoden des XMLHTTPrequest -Objekts an.
Methoden des xmlhttprequest -Objekts
| XMLHTTPrequest -Objektmethode | Beschreibung |
|---|---|
| abbrechen() | Das XMLHTTPREquest -Objekt "abbrechen()" Die Methode wird zur Stornierung der aktiven Anforderung verwendet. |
| getResponseHeader () | Das XMLHTTPREquest -Objekt "GetResponseHeader ()" Methode Ausgabe Die Informationen zu einem bestimmten Header. |
| getAllresponseHeader () | Das XMLHTTPREquest -Objekt "GetAllresponseHeader ()" Die Methode zeigt die vollständigen Header -Informationen an. |
| offen() | Das XMLHTTPREquest -Objekt "offen()" Die Methode wird zur Angabe der Anforderung verwendet. Wir können den Benutzernamen, das Kennwort, die URL einer Datei oder die Methode übergeben, die sein kann "ERHALTEN" oder "POST" In dieser Methode. |
| schicken() | Das XMLHTTPREquest -Objekt "schicken()" Die Methode wird zum Erhalten von Anforderungen verwendet. |
| sendRequestheader () | Das XMLHTTPREquest -Objekt "SendRequestheader ()" Methode wird zum Hinzufügen a verwendet "Etikett: Wert" Paar, das Sie an den Server senden müssen. |
Eigenschaften des XMLHTTPrequest -Objekts
| Xmlhttprequest -Objekteigenschaften | Beschreibung |
|---|---|
| Responsext | Das XMLHTTPREquest -Objekt "Responsext" Eigenschaft wird zum Anzeigen der Antwortdaten als Zeichenfolge verwendet. |
| ReadyState | Das XMLHTTPREquest -Objekt "ReadyState" Die Eigenschaft behält den Status des XMLHTTPrequest bei. |
| onreadyStatechange | Das XMLHTTPREquest -Objekt "OnreadystStatechange" Eigenschaft wird verwendet, um eine Funktion zu definieren, die aufgerufen werden soll, wenn der Wert der "ReadyState" Änderungen. |
| responsexml | Das XMLHTTPREquest -Objekt "Reakenxml" Eigenschaft zeigt die Antwortdaten XML -Daten an. |
| StatuStext | Das XMLHTTPREquest -Objekt "StatuStext" Eigenschaft gibt den Statustext aus wie aus wie z "OK" oder "Nicht gefunden". |
Abschluss
Das AJAX - Das XMLHTTPrequest -Objekt ist eine API, die zum Abrufen von Daten von einem bestimmten Server verwendet wird. Die AJAX -Programmierung nutzt das XMLHTTPrequest ausführlich. Es kann jede Art von Daten abrufen, einschließlich Text, XML, JSON. In diesem Artikel wurde erklärt, was AJAX - das XMLHTTPREquest -Objekt ist und wie Sie ein XMLHTTPREquest -Objekt in JavaScript erstellen und verwenden können und verwenden können und verwenden können. Darüber hinaus haben wir auch die Methoden und Eigenschaften des AJAX bereitgestellt - das XMLHTTPrequest -Objekt.