Wichtige Wissenspunkte müssen in AJAX-Anwendungen beherrscht werden

Dieser Artikel vermittelt Ihnen hauptsächlich einige wichtige Kenntnisse (Teilen), die in AJAX-Anwendungen beherrscht werden müssen. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Was ist AJAX?

ist die Abkürzung für Asynchronous Javascript And XML. Es handelt sich nicht um eine neue Sprache, sondern um eine umfassende Nutzung vorhandener Technologien. Sein Kern besteht darin, asynchron auf der Grundlage des HTTP-Protokolls mit dem Server zu kommunizieren.

Das Konzept von asynchron?

bedeutet, dass die Ausführung eines bestimmten Programms nicht von der Ausführung anderer Programme abhängt Die Schreibreihenfolge des Programms selbst ist im Gegenteil synchron.

Welche Rolle spielt Asynchronität?

Der Vorteil besteht darin, dass die Ausführung des Programms nicht blockiert wird, wodurch die Gesamtausführungseffizienz verbessert wird.

Der Kern von AJAX?

XMLHTTPRequest, abgekürzt als XHR, Xml Extensible Markup Language, Http Hypertext Transfer Protocol, Request request. Das XMLHttpRequest-Objekt kann eine Webseite teilweise aktualisieren, ohne die gesamte Seite an den Server zu übermitteln. Das XMLHttpRequest-Objekt bietet vollständigen Zugriff auf das HTTP-Protokoll, einschließlich der Möglichkeit, POST- und HEAD-Anfragen sowie normale GET-Anfragen zu stellen. XMLHttpRequest kann die Antwort eines Webservers synchron oder asynchron zurückgeben und Inhalte in Form von Text oder einem DOM-Dokument zurückgeben. Es kann jede Form von Textdokumenten akzeptieren und ist ein Schlüsselmerkmal der Webanwendungsarchitektur von AJAX.

Wie bereits erwähnt, kann XMLHTTPRequest jede Art von Dokument empfangen, daher müssen wir zwei Datenformate erwähnen, die üblicherweise bei der Netzwerkübertragung verwendet werden.

Zwei häufig verwendete Datenformate: XML und JSON?

xml:

Die Definition von XML: Extensible Markup Language ist eine Auszeichnungssprache, die zum Markieren elektronischer Dokumente verwendet wird, um sie strukturell zu gestalten.

XML-Spezifikationen:

1. Muss ein Wurzelelement haben
2. Keine Leerzeichen, keine Zahlen oder
4. Attributdoppelte Anführungszeichen (der Browser korrigiert sie automatisch in doppelte Anführungszeichen)
5. Spezielle Symbole müssen Entitäten verwenden
6. Kommentare sind die gleichen wie HTML

Obwohl es und beschreiben kann komplexe Daten übertragen, aber ihre Analyse ist zu komplex und umfangreich, sodass sie selten in der Implementierungsentwicklung verwendet wird.

Eine kurze Beschreibung der Schritte zur Verwendung von XML:

Da XML ein DOM-Objekt ist, können Sie die DOM-Methode direkt verwenden,

1. AntwortXML; Holen Sie sich XML (gegeben von der PHP-Schnittstelle)

2. var items=xml.querySelector('item'); Holen Sie sich die Dokumentstruktur von XML

3.1. Initialisieren Sie var html='';

３.2. Traverse for(){get data var item=item[i],} splice html+='label+data'

４. Dokument rendern. querySelector('tbody').innerHTHML=html

JSON:

JSON-Definition: JavaScript Object Notation, ein weiteres leichtes Textdatenaustauschformat, unabhängig von der Sprache.

JSON-Spezifikationen:

1. Daten liegen in Name/Wert-Paaren vor

2. Daten werden durch Kommas getrennt (das letzte Schlüssel/Wert-Paar darf kein Komma haben)

3 . Geschweifte Klammern speichern das Objekt und eckige Klammern speichern das Array

4. Verwenden Sie doppelte Anführungszeichen

Sprachübergreifendes Parsen von JSON:

Wenn JSON-Daten in verschiedenen Sprachen übertragen werden, wird der Typ verwendet ist eine Zeichenfolge, unterschiedlich. Jede Sprache verfügt auch über ihre eigene Analysemethode, die analysiert werden muss, bevor sie gelesen werden kann.

1. PHP-Parsing-Methode

Array in JSON-Zeichen konvertieren json_encode->$json_array = json_encode($array);

JSON-Zeichen in Array json_decode->$array_json konvertieren = json_decode($json_array);

2. Javascript-Parsing-Methode

String to object parse-＞var jsonObj=JSON.parse(jsonStr);

Object to string stringify －＞var jsonStr=JSON.stringify(jsonObj);

Tipps: JSON-kompatible Verarbeitung bezieht sich auf die Ereignisüberwachung onreadystatechange in json2.js

XMLHttpRequest?

Verwandte Empfehlungen:

Detaillierte Beispiele der Load()-Funktion der Ajax-Anwendung in JQuery

Ajax-Anwendungsbeispiel von jquery

JavaScript Learning Summary JS, AJAX Application_Javascript Skills

Das obige ist der detaillierte Inhalt vonWichtige Wissenspunkte müssen in AJAX-Anwendungen beherrscht werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!