Beispiele zur Erläuterung der Grundkenntnisse von HTTP-Nachrichten und Ajax

In diesem Artikel werden die Grundkenntnisse von HTTP-Nachrichten und Ajax anhand von Beispielen erläutert. 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. In diesem Artikel werden Ihnen die Grundkenntnisse von HTTP-Nachrichten und Ajax vermittelt. Interessierte sollten einen Blick darauf werfen.

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 anfordern Antwortstart Startzeile

Header: Anforderungsheader Antwortheader Gemeinsamer Header (sowohl Anforderung als auch Antwort) Benutzerdefinierter Header

Text: Anforderungstext Antworttext

Der Client übergibt ihn an den Server-Terminaldaten:

Der Parameter wird durch das Fragezeichen nach der Anforderungs-URL an den Server übergeben /getList?name=zhangsan&age=7

Legen Sie den Header der Anforderung fest (setzen 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

Vom Server an den Client übergebene Daten:

Legen Sie die Antwort-Header-Informationen fest

Legen Sie den Antwort-Hauptinhalt fest

Ajax: asynchrones Javascript und XML Asynchrones JS und XML (erweiterbare Auszeichnungssprache, die in XML-Dateien verwendeten Tags werden alle selbst erweitert, (unter Verwendung eigener erweiterter regulärer Tags zum Speichern relevanter 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 durch den Server (Ajax wird im Allgemeinen im Browser des Clients ausgeführt).

Vier Schritte von Ajax:

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

var xhr = new XMLHttpRequest;

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

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

Synchronisieren oder Asynchron (wahr steht für asynchron, false steht für synchron, der Standardwert ist true)

[Benutzername] stellt dem Server den angeforderten Benutzernamen bereit

[Benutzerpass] stellt dem Server das angeforderte Benutzerkennwort bereit, diese beiden Werte ​​​​im Allgemeinen wird keins geschrieben. Nur wenn der Server Sicherheitsbeschränkungen hat und nur bestimmten Benutzern den Zugriff erlaubt, übergeben wir

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

, um eine Methode an das onreadystatechange-Ereignis zu binden, um Statusänderungen zu überwachen ( Solange sich der Status ändert, wird die Ausführung der Methode ausgelöst)

xhr.onreadystatechange = function(){

open Die URL-Adresse wurde geöffnet (die Parameterkonfiguration vor dem Senden wurde abgeschlossen)

2 headers_received Die Antwort-Header-Informationen haben wurde akzeptiert

3 wird geladen Der zurückgegebene Hauptinhalt wird serverseitig vorbereitet und verarbeitet

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

xhr.status: HTTP-Netzwerkstatuscode, der den Status des Serverantwortinhalts beschreibt

200 ODER ^2d{2} (200 Oder beginnend mit 2) -> wurde erfolgreich zurückgegeben

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

503 Der Server ist überlastet

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

xhr.send(null);

Detaillierte Erläuterung des HTTP-Header-Beispiels zur Einstellung der PHP-Header-Funktion

Umfassende Zusammenfassung basierend auf Ajax-bezogenen Methoden in jQuery

So verwenden Sie Ajax

Das obige ist der detaillierte Inhalt vonBeispiele zur Erläuterung der Grundkenntnisse von HTTP-Nachrichten und Ajax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!