Heim >Web-Frontend >js-Tutorial >Eine kurze Diskussion über Ajax und seine Vor- und Nachteile
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!