Grundkenntnisse über HTTP-Nachrichten und Ajax

Der vom Client an den Server übergebene Inhalt und der vom Server an den Client übergebene Inhalt sind beide HTTP-Nachrichten. Ajax ist eine Methode in Client JS, die zum Senden von Anfragen an den Server verwendet wird. Lassen Sie mich in diesem Artikel das Grundwissen über HTTP-Nachrichten und Ajax weitergeben

HTTP-Nachricht

Der vom Client an den Server übergebene Inhalt und der vom Server an den Client übergebene Inhalt gehören zur HTTP-Nachricht

Startzeile: Startzeile der Anfrage Startzeile der Antwort

Header: Header der Anfrage Antwortheader Gemeinsamer Header (sowohl Anfrage als auch Antwort) Benutzerdefinierter Header

Text: Text der Anfrage Antworttext

Der Client wird an den Server weitergeleitet -seitige Daten:

Das Fragezeichen nach der Anforderungs-URL wird verwendet, um Parameter an den Server zu übergeben /getList?name=zhangsan&age=7

Legen Sie den Header der Anforderung fest (legen Sie den Anforderungsheader fest Informationen)

Legen Sie den Anforderungstext fest und fügen Sie den an den Server übergebenen Inhalt in den Anforderungstext ein und übergeben Sie ihn an den Server

Die vom Server an den Client übergebenen Daten:

Antwort-Header-Informationen festlegen

Antworttextinhalt festlegen

Ajax: asynchrones Javascript und XML Asynchrones JS und XML (erweiterbare Auszeichnungssprache, die in XML-Dateien verwendeten Tags werden alle selbst erweitert, und unter Verwendung ihrer eigenen erweiterten regulären Tags gespeichert (relevante Daten)

Ajax ist eine Methode in Client-JS, die zum Senden von Anforderungen an den Server verwendet wird (kann auch an serverseitige Daten übergeben werden) und dann den zurückgegebenen Inhalt erhalten vom Server (Ajax wird normalerweise im Browser des Clients ausgeführt).

Ajax vier Schritte:

Erstellen Sie ein Ajax-Objekt (die folgende Schreibmethode wird in IE6 und niedrigeren Browsern nicht unterstützt))

var xhr = new XMLHttpRequest;

Grundlegende Informationskonfiguration vor dem Senden: Konfigurieren Sie die Anforderungsmethode (GET, POST, PUT, DELETE, HEAD...)

Öffnen Sie eine URL-Adresse (konfigurieren Sie, welche Serveradresse an Request gesendet werden soll)

Synchron oder asynchron (true steht für asynchron, false steht für synchron, der Standardwert ist true)

[Benutzername] stellt dem Server den angeforderten Benutzernamen bereit.

[Benutzerpass] stellt den angeforderten Benutzernamen bereit Zum Server Das angeforderte Benutzerkennwort werden diese beiden Werte im Allgemeinen nicht geschrieben. Nur wenn der Server Sicherheitsbeschränkungen implementiert hat und nur bestimmten Benutzern den Zugriff ermöglicht, übergeben wir

xhr.open('get',"/data.txt",false,[username],[userpass]);

, um eine Methode zu binden zum onreadystatechange-Ereignis. Überwachen Sie Statusänderungen (solange sich der Status ändert, wird die Methodenausführung ausgelöst)

xhr.onreadystatechange = function(){

xhr.readyState: AJAX-Statuscode, der den Fortschritt der aktuellen Verarbeitung darstellen kann

0 nicht gesetzt Die aktuelle Anfrage wurde noch nicht gesendet

　1 geöffnete URL-Adresse wurde geöffnet (Parameterkonfiguration vor dem Senden wurde abgeschlossen)

　2 headers_received Antwort-Header-Informationen wurden akzeptiert

　3 wird geladen. Der zurückgegebene Hauptinhalt wird auf der Serverseite vorbereitet. Verarbeitung

　4 erledigt. Der Inhalt des Antworttexts wurde erfolgreich an den Client zurückgegeben.

　xhr.status: HTTP-Netzwerk Statuscode, der den Status des Server-Antwortinhalts beschreibt

　200 ODER ^ 2d{2} (200 oder beginnend mit 2) -> Dies bedeutet, dass der Inhalt des Antworttexts erfolgreich zurückgegeben wurde

　301 Permanente Umleitung/permanente Übertragung

　302 Temporäre Umleitung/temporäre Übertragung Serverlastausgleich

　304 Der dieses Mal erhaltene Inhalt dient zum Lesen der Daten im Cache

400 Es liegt ein Fehler in den vom Client an den Server übergebenen Parametern vor

　401 Keine Zugriffsberechtigung

　404 Die vom Client aufgerufene Adresse existiert nicht

　500 Unbekannt Serverfehler

　503 Der Server ist überlastet

　　if(xhr.readyState===4 && /^2\d{2}$/.test(xhr.status)){
　　　　var val = xhr.responseText;
　　}
}

Anfrage senden: Die Parameter befinden sich im Anforderungstext. Der an den Server übergebene Inhalt

xhr.send(null);

Das Obige ist das, wofür ich kompiliert habe Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Erläuterung von Beispielen für asynchrone Ajax-Anfragetechnologien

jQuery Validator-Methode zur Überprüfung des Ajax-Übermittlungsformulars und der Ajax-Parameterübergabemethode (Grafik-Tutorial)

Prinzipien domänenübergreifender Ajax-Anfragen (Grafik-Tutorial)

Das obige ist der detaillierte Inhalt vonGrundkenntnisse über HTTP-Nachrichten und Ajax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!