Heim > Web-Frontend > js-Tutorial > Ausführliche Erläuterung der Grundkenntnisse von HTTP-Nachrichten und Ajax

Ausführliche Erläuterung der Grundkenntnisse von HTTP-Nachrichten und Ajax

php中世界最好的语言
Freigeben: 2018-03-31 11:09:17
Original
1640 Leute haben es durchsucht

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;
Nach dem Login kopieren

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]);
Nach dem Login kopieren

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(){
Nach dem Login kopieren

 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;
  }
}
Nach dem Login kopieren

Anfrage senden: Die Parameter sind der Inhalt, der im Anforderungstext an den Server übergeben wird.

xhr.send(null);
Nach dem Login kopieren

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!

Verwandte Etiketten:
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage