Dieses Mal werde ich Ihnen die Grundkenntnisse von HTTP-Nachrichten und Ajax ausführlich erläutern. Was sind die Vorsichtsmaßnahmen bei der Verwendung von HTTP-Nachrichten und die Grundkenntnisse von Ajax? Werfen wir einen Blick darauf.
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 Antwort Der Hauptteil
Der Client übergibt die Daten an den Server:
Die Anforderungs-URL wird in Form eines Fragezeichens mit den Parametern /getList?name=zhangsan&age=7 an den Server übergeben.
Legen Sie den Header der Anfrage fest (Anfrage-Header-Informationen festlegen)
Legen Sie den Anfragetext fest und fügen Sie den an den Server übergebenen Inhalt in den Anfragetext ein und übergeben Sie ihn an den Server
Von übergebene Daten vom Server zum Client:
Antwort-Header-Informationen festlegen
Antworttextinhalt festlegen
Ajax: asynchrones Javascript und XML Asynchrones JS und XML (erweiterbar Auszeichnungssprache, die in XML-Dateien verwendet wird. Tags werden alle für sich erweitert und verwenden ihre eigenen erweiterten regulären Tags, um relevante Daten zu speichern)
Ajax ist eine Methode in Client-JS, die zum Senden von Anforderungen an den Server verwendet wird (es kann auch werden an den Server übergeben) und erhalten dann den vom Server zurückgegebenen Inhalt (Ajax wird normalerweise im Browser des Clients ausgeführt).
Ajax vier Schritte:
Erstellen Sie ein AjaxObjekt(Die folgende Schreibmethode wird in IE6 und niedrigeren Versionen verwendet Wird in Browsern nicht unterstützt)
var xhr = new XMLHttpRequest;
Grundlegende Informationskonfiguration vor dem Senden: Anforderungsmethode konfigurieren (GET, POST, PUT, DELETE, HEAD...)
Öffnen eine URL-Adresse (konfigurieren Sie, an welche Serveradresse die Anfrage gesendet werden soll)
Synchron oder asynchron (true steht für asynchron, false steht für synchron, der Standardwert ist true)
[Benutzername] stellt die Anfrage bereit Der Server-Benutzername
[Benutzerpass] stellt dem Server das angeforderte Benutzerkennwort zur Verfügung. Diese beiden Werte werden im Allgemeinen nicht geschrieben. Nur wenn der Server Sicherheitsbeschränkungen vorgenommen hat und nur bestimmten Benutzern den Zugriff ermöglicht wird es übergeben
xhr.open('get',"/data.txt",false,[username],[userpass]);Binden Sie eine Methode an das onreadystatechange-Ereignis, um Zustandsänderungen zu überwachen (solange sich der Zustand ändert, wird die Methodenausführung ausgelöst)
xhr.onreadystatechange = function(){xhr.readyState: AJAXStatuscode, kann den Fortschritt der aktuellen Verarbeitung darstellen
0 nicht gesetzt Die aktuelle Anfrage wurde noch nicht gesendet
1 geöffnet Die URL-Adresse wurde geöffnet (die Parameterkonfiguration vor dem Senden wurde abgeschlossen)
2 headers_received Die Antwort-Header-Informationen wurden akzeptiert
3 Laden Der zurückgegebene Hauptinhalt wird serverseitig vorbereitet
4 erledigt Der Inhalt des Antworttexts wurde erfolgreich an den Client zurückgegeben
xhr .status: HTTP-Netzwerkstatuscode, der den Status des Server-Antwortinhalts beschreibt
200 ODER ^2d{2} ( 200 oder beginnend mit 2) -> Beide bedeuten, 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 Berechtigung dazu Zugriff
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;
}
}Anfrage senden: Die Parameter sind der Inhalt, der im Anforderungstext an den Server übergeben wird.
xhr.send(null);
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Empfohlene Lektüre:
Ajax+node js multer, um die Datei-Upload-Funktion zu ermöglichen
Ajax-Methode zur Erkennung von Website-Hijacking
Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Grundkenntnisse von HTTP-Nachrichten und Ajax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
