Heim > Web-Frontend > js-Tutorial > Hauptteil

Eine kurze Diskussion über Ajax und seine Vor- und Nachteile

亚连
Freigeben: 2018-05-25 10:45:38
Original
1936 Leute haben es durchsucht

Ich habe mich kürzlich über AJAX informiert und einige Informationen über AJAX online überprüft, hauptsächlich über die technische Einführung von AJAX und seine Vor- und Nachteile. Hier möchte ich eine kleine Zusammenfassung der von mir gesammelten Informationen erstellen. Ich hoffe, dass sie für Freunde, die wie ich AJAX lernen, hilfreich sind.

AJAX, asynchrones Javascript und XML, kann eine Statusaktualisierungsseite ohne Aktualisierung und eine asynchrone Übermittlung erreichen

Vorteile:

Keine Plug-in-Unterstützung erforderlich
Hervorragende Benutzererfahrung
Verbesserung der Leistung von Webprogrammen
Reduzierung der Belastung von Servern und Breitband

Nachteile:

Die Vor- und Zurück-Tasten sind defekt
Suche Unzureichende Engine-Unterstützung
Mangelnde Entwicklungs- und Debugging-Tools

Synchronisation und Asynchronität

Synchronisation: Das heißt, Sie müssen eine Sache nach der anderen erledigen , und warten Sie, bis die vorherige Aufgabe abgeschlossen ist, bevor Sie die nächste Aufgabe ausführen können
Asynchron: Sie müssen nicht warten, bis die vorherige Aufgabe abgeschlossen ist, Sie können mehrere Aufgaben gleichzeitig ausführen

JQuery kapselt AJAX in drei Schichten

Die unterste Schicht: kapselt einige grundlegende Ajax-Operationen;

Globale Methode: $.ajax()
Die übermittelten Daten befindet sich in Daten, wird im Post-Modus übermittelt und die übermittelten Daten müssen mit „{}“ umschlossen werden. Senden Sie sie in der Form „key:value“
Beim Senden des gesamten Formulars können Sie die Formularserialisierung „serialize()“ verwenden. " um das gesamte Formular zu senden
decodeURIComponent(): Deserialisieren Sie die Daten
encodeURIComponent(): Serialisieren Sie die Daten, serialize() ruft auch diese Methode zur Serialisierung auf
serializeArray(): Konvertieren Sie das Formular in ein JSON-Formular
$.ajaxSetup(): Initialisieren Sie die Daten von $.ajax() zum Festlegen des Standardwerts des $.ajax()-Objekts
Die zweite Ebene: Ajax kapselt jQuery

Teilweise Methode: . load(url, data, callback)
eignet sich besser für die asynchrone Erfassung statischer Dateien
Globale Methoden: $.get(url,data,callback,type),$.post(url,data,callback,type )
Kann zum asynchronen Abrufen mit dynamischen Dateien verwendet werden
Die dritte Ebene: gekapseltes get;

Globale Methoden: $.getJSON,$.getScript

Ladeanforderung

 $(document).ajaxStart(function): Die Anfrage startet Wenn die Anfrage endet, wird die ausgelöste Methode

$(document).ajaxStop(function): Wenn die Anfrage endet , die ausgelöste Methode

JSON und JSONP

Wenn der Datentyp JSON ist, können Daten nicht domänenübergreifend abgerufen werden. Sie müssen „?callback=" nach dem Hinzufügen hinzufügen Domänenname, um domänenübergreifende Anrufdaten zu erhalten. Wenn dataType JSONP ist, können domänenübergreifende Daten direkt abgerufen werden.

JQXHR-Objekt

Die Eigenschaften und Methoden des jQuery-JqXHR-Objekts

Das Obige ist das, was ich für alle zusammengestellt habe alle in der Zukunft.

Verwandte Artikel:

Ajax-Methode zum Lesen von Eigenschaftenressourcendateidaten

Ajax-Methode zum regelmäßigen Aktualisieren eines bestimmten Inhalts auf der Seite

Ajax-Methode zum Abrufen der Länge des Antwortinhalts

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion über Ajax und seine Vor- und Nachteile. 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