Heim Web-Frontend js-Tutorial Welche anwendbaren Szenarien gibt es für Ajax? In welchen Szenarien ist Ajax nicht anwendbar?

Welche anwendbaren Szenarien gibt es für Ajax? In welchen Szenarien ist Ajax nicht anwendbar?

Sep 10, 2018 pm 04:11 PM
ajax

Dieser Artikel stellt Ihnen hauptsächlich die Verwendungsszenarien von Ajax und die nicht anwendbaren Szenarien von Ajax vor und teilt uns mit, wo Ajax verwendet werden sollte. Lassen Sie uns nun gemeinsam diesen Artikel lesen

Anwendbare Ajax-Szenarien
1. Formulargesteuerte Interaktion
Herkömmliche Formularübermittlung: Nachdem Sie den Inhalt in das Textfeld eingegeben haben, klicken Sie auf die Schaltfläche und führen Sie den Vorgang durch es im Hintergrund Aktualisieren Sie nach Abschluss die Seite und gehen Sie zurück, um zu überprüfen, ob das Aktualisierungsergebnis korrekt ist. Bei Verwendung von Ajax wird nach dem Klicken auf die Schaltfläche „Sunmit“ sofort eine asynchrone Verarbeitung durchgeführt und die aktualisierten Ergebnisse werden schnell auf der Seite angezeigt. Es besteht kein Problem, die gesamte Seite zu aktualisieren.
2. Tiefe Baumnavigation
Das Durchlaufen eines tiefen kaskadierenden Menüs (Baums) ist eine sehr komplexe Aufgabe, und zur Steuerung der Anzeige wird JavaScript verwendet Durch die Verzögerung des Ladens tieferer Daten kann die Belastung des Servers effektiv reduziert werden.
Der größte Teil unserer bisherigen Handhabung kaskadierender Menüs war wie folgt:
Um zu vermeiden, dass die Seite bei jedem Menüvorgang neu geladen wird, verwenden Sie nicht every Anstatt aufzurufen Im Hintergrund werden alle Daten des kaskadierenden Menüs auf einmal ausgelesen und in das Array geschrieben. Anschließend wird JavaScript verwendet, um die Darstellung seiner Teilmenge von Elementen entsprechend den Vorgängen des Benutzers zu steuern. Dadurch wird das Problem der Reaktionsgeschwindigkeit der Operation gelöst. Dadurch wird die Seite nicht neu geladen und das Problem des häufigen Sendens von Anfragen an den Server vermieden. Wenn der Benutzer das Menü jedoch nicht oder nur einen Teil des Menüs bedient, werden einige der gelesenen Daten zu redundanten Daten und verschwenden Zeit des Benutzers . Ressourcen, insbesondere wenn die Menüstruktur komplex und die Datenmenge groß ist (z. B. hat das Menü Es gibt viele Level und jedes Level hat Hunderte von Gegenständen. Dieser Nachteil ist noch deutlicher.
Wenn in diesem Fall Ajax angewendet wird, wird das Ergebnis verbessert:
Bei der Initialisierung der Seite lesen wir nur alle Daten ihrer ersten Ebene aus Und es zeigt, dass, wenn der Benutzer eines der Menüelemente der ersten Ebene bedient, alle Daten des Untermenüs der zweiten Ebene, zu dem das aktuelle Element der ersten Ebene gehört, über Ajax in den Hintergrund gestellt werden, wenn der Benutzer weiterhin ein Element anfordert Das angezeigte Menü der zweiten Ebene fordert dann von hinten alle Daten aller Menüs der dritten Ebene an, die dem bedienten Menüelement der zweiten Ebene entsprechen, und so weiter ... Auf diese Weise können Sie das erhalten, was Sie verwenden und wie viel Sie verwenden. Wie viel, es gibt keine Redundanz und keine Datenverschwendung, wodurch die Gesamtmenge der Datendownloads reduziert wird, und beim Aktualisieren der Seite muss nicht der gesamte Inhalt neu geladen werden, sondern nur der Teil, der aktualisiert werden muss, was kürzer ist als Die Hintergrundverarbeitungs- und Neulademethode verkürzt die Wartezeit des Benutzers und minimiert die Verschwendung von Ressourcen.
  3. Schnelle Benutzer-zu-Benutzer-Kommunikationsreaktion
In einem Kommunikations- und Diskussionsszenario mit vielen Menschen ist es am unangenehmsten, wenn Benutzer es immer wieder wiederholen lassen noch einmal Aktualisieren Sie die Seite, um zu sehen, ob neue Diskussionen angezeigt werden. Neue Antworten sollten so schnell wie möglich angezeigt werden, und um Benutzer von störenden Aktualisierungen zu befreien, ist Ajax die beste Wahl.
4. Unbedeutende Szenarien wie Abstimmung, Ja/Nein usw.
Wenn der Einreichungsprozess in solchen Szenarien 40 Sekunden dauert, ignorieren viele Benutzer ihn einfach ohne Teilnahme, aber Ajax kann die Zeit innerhalb von 1 Sekunde steuern, sodass mehr Benutzer teilnehmen.
5. Szenarien zum Filtern von Daten und Bearbeiten zugehöriger Daten
Verwenden Sie Filter für Daten, sortieren Sie nach Zeit oder nach Zeit und Name, schalten Sie Filter ein und aus und mehr. Jede Situation, die eine hochgradig interaktive Datenbearbeitung erfordert, sollte mit JavaScript und nicht mit einer Reihe von Serveranfragen erfolgen. Nach jeder Datenaktualisierung nimmt das Auffinden und Verarbeiten viel Zeit in Anspruch, und Ajax kann diesen Prozess beschleunigen. (Wenn Sie mehr erfahren möchten, besuchen Sie die Spalte AJAX-Entwicklungshandbuch der PHP-Website für Chinesisch, um mehr zu erfahren)

6. Gewöhnliche Texteingabeaufforderungen und automatische Vervollständigungsszenarien
Das Bereitstellen von Eingabeaufforderungen oder der automatischen Vervollständigung in Eingabeformularen wie Textfeldern kann das Benutzererlebnis effektiv verbessern. Insbesondere in Situationen, in denen die automatisch vervollständigten Daten möglicherweise vom Server stammen, ist Ajax eine gute Wahl.
Szenarien, in denen Ajax nicht anwendbar ist
1. Einige einfache Formulare
Obwohl die Formularübermittlung den größten Nutzen aus Ajax ziehen kann, einen Einfache Kommentarformulare profitieren selten wesentlich von Ajax. Bei einigen weniger genutzten Formularübermittlungen kann Ajax nicht viel helfen.
 2. Suche
Bei einigen Suchmaschinen, die Ajax verwenden, wie z. B. Start.com und Live.com, ist die Verwendung der Zurück-Schaltfläche des Browsers zum Anzeigen nicht möglich Die Ergebnisse der vorherigen Suche sind daher für Benutzer, die Suchgewohnheiten entwickelt haben, unentschuldbar.
Jetzt löst Dojo dieses Problem durch iframe.
3. Grundlegende Navigation
Die Verwendung von Ajax für die Site-Navigation ist eine schlechte Idee. Warum nicht Ihre Zeit damit verbringen, das Systemprogramm zu verbessern?
 4. Ersetzen Sie eine große Textmenge
Verwenden Sie Ajax, um die Seite teilweise zu aktualisieren. Wenn sich jedoch jeder Teil der Seite geändert hat, warum nicht den Server neu erstellen? Wie sieht es mit Anfragen aus?
5. Manipulation der Präsentation
Ajax sieht aus wie eine reine UI-Technologie, ist es aber tatsächlich nicht. Es handelt sich eigentlich um eine Technologie zur Datensynchronisierung, -manipulation und -übertragung. Für saubere und wartbare Webanwendungen ist es eine gute Idee, Ajax nicht zur Steuerung der Seitendarstellung zu verwenden. JavaScript kann XHMTL/HTML/DOM problemlos verarbeiten und die Datenanzeige kann mithilfe von CSS-Regeln gut ausgedrückt werden.

Bestehende Probleme
1. Ajax-Engine mit JavaScript, JavaScript-Kompatibilität und DeBug bereiten beide Kopfschmerzen
2. Ajax's nicht aktualisierungsfähiges Neuladen, Da die Seitenänderungen nicht so offensichtlich sind wie das Neuladen der Aktualisierung, können sie den Benutzern leicht Probleme bereiten. Benutzer sind sich nicht sicher, ob die aktuellen Daten neu sind oder bereits vorhandene Daten aktualisiert wurden. Zu den Lösungen gehören: Eingabeaufforderungen an relevanten Stellen, Entwerfen Der Datenaktualisierungsbereich soll deutlicher dargestellt werden, der Benutzer wird nach der Datenaktualisierung aufgefordert usw.
 3. Der Zwischenprozess kann nicht mit einem Lesezeichen versehen werden. Lösung: GoogleMaps löst dieses Problem, indem es auf der Seite einen „Link zu dieser Seite“ bereitstellt. Darüber hinaus kann das Problem auch durch Hinzufügen eines ungültigen ?^-Tags zum URL-Link gelöst werden, dies wurde jedoch noch nicht überprüft. Ich denke, es gibt einen Chef im IBM-Entwicklerforum, der sich nicht an den Namen erinnern kann, der es gut gesagt hat. Es ist eine bessere Wahl, es in Verbindung mit dem vorhandenen ausgereiften Präsentationsschicht-Framework von j2ee zu verwenden. Wenn Sie es nach Bedarf verwenden, werden Ihnen nicht viele Optionen entgehen. Wenn Sie es blindlings versuchen, kann es bittere Konsequenzen geben, die darauf warten, Sie in Versuchung zu führen, Sie anzuregen und dazu zu führen, dass Sie den Verstand verlieren. Dieser Artikel endet hier (wenn Sie mehr sehen möchten, besuchen Sie die Spalte „PHP Chinese User Manual“ , um mehr zu erfahren. Wenn Sie Fragen haben, können Sie unten eine Nachricht hinterlassen).

Das obige ist der detaillierte Inhalt vonWelche anwendbaren Szenarien gibt es für Ajax? In welchen Szenarien ist Ajax nicht anwendbar?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Chat -Befehle und wie man sie benutzt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So beheben Sie den 403-Fehler, der bei einer jQuery-AJAX-Anfrage auftritt So beheben Sie den 403-Fehler, der bei einer jQuery-AJAX-Anfrage auftritt Feb 20, 2024 am 10:07 AM

Titel: Methoden und Codebeispiele zur Behebung von 403-Fehlern in jQuery-AJAX-Anfragen. Der 403-Fehler bezieht sich auf eine Anfrage, dass der Server den Zugriff auf eine Ressource verbietet. Dieser Fehler tritt normalerweise auf, weil der Anfrage die Berechtigungen fehlen oder sie vom Server abgelehnt wird. Wenn Sie jQueryAJAX-Anfragen stellen, stoßen Sie manchmal auf diese Situation. In diesem Artikel wird erläutert, wie dieses Problem gelöst werden kann, und es werden Codebeispiele bereitgestellt. Lösung: Berechtigungen prüfen: Stellen Sie zunächst sicher, dass die angeforderte URL-Adresse korrekt ist und stellen Sie sicher, dass Sie über ausreichende Berechtigungen für den Zugriff auf die Ressource verfügen.

So beheben Sie den Fehler 403 der jQuery AJAX-Anfrage So beheben Sie den Fehler 403 der jQuery AJAX-Anfrage Feb 19, 2024 pm 05:55 PM

jQuery ist eine beliebte JavaScript-Bibliothek zur Vereinfachung der clientseitigen Entwicklung. AJAX ist eine Technologie, die asynchrone Anfragen sendet und mit dem Server interagiert, ohne die gesamte Webseite neu zu laden. Wenn Sie jedoch jQuery zum Senden von AJAX-Anfragen verwenden, treten manchmal 403-Fehler auf. Bei 403-Fehlern handelt es sich in der Regel um vom Server verweigerte Zugriffsfehler, möglicherweise aufgrund von Sicherheitsrichtlinien oder Berechtigungsproblemen. In diesem Artikel besprechen wir, wie Sie bei einer jQueryAJAX-Anfrage den Fehler 403 beheben können

Wie kann das Problem des jQuery AJAX-Fehlers 403 gelöst werden? Wie kann das Problem des jQuery AJAX-Fehlers 403 gelöst werden? Feb 23, 2024 pm 04:27 PM

Wie kann das Problem des jQueryAJAX-Fehlers 403 gelöst werden? Bei der Entwicklung von Webanwendungen wird jQuery häufig zum Senden asynchroner Anfragen verwendet. Allerdings kann bei der Verwendung von jQueryAJAX manchmal der Fehlercode 403 auftreten, der darauf hinweist, dass der Zugriff vom Server verboten ist. Dies wird normalerweise durch serverseitige Sicherheitseinstellungen verursacht, es gibt jedoch Möglichkeiten, das Problem zu beheben. In diesem Artikel wird erläutert, wie Sie das Problem des jQueryAJAX-Fehlers 403 lösen können, und es werden spezifische Codebeispiele bereitgestellt. 1. machen

PHP und Ajax: Erstellen einer Autovervollständigungs-Vorschlags-Engine PHP und Ajax: Erstellen einer Autovervollständigungs-Vorschlags-Engine Jun 02, 2024 pm 08:39 PM

Erstellen Sie eine Engine für Autovervollständigungsvorschläge mit PHP und Ajax: Serverseitiges Skript: Verarbeitet Ajax-Anfragen und gibt Vorschläge zurück (autocomplete.php). Client-Skript: Ajax-Anfrage senden und Vorschläge anzeigen (autocomplete.js). Praktischer Fall: Fügen Sie ein Skript in die HTML-Seite ein und geben Sie die Kennung des Sucheingabeelements an.

Wie erhalte ich Variablen aus der PHP-Methode mit Ajax? Wie erhalte ich Variablen aus der PHP-Methode mit Ajax? Mar 09, 2024 pm 05:36 PM

Die Verwendung von Ajax zum Abrufen von Variablen aus PHP-Methoden ist ein häufiges Szenario in der Webentwicklung. Durch Ajax kann die Seite dynamisch abgerufen werden, ohne dass die Daten aktualisiert werden müssen. In diesem Artikel stellen wir vor, wie man Ajax verwendet, um Variablen aus PHP-Methoden abzurufen, und stellen spezifische Codebeispiele bereit. Zuerst müssen wir eine PHP-Datei schreiben, um die Ajax-Anfrage zu verarbeiten und die erforderlichen Variablen zurückzugeben. Hier ist ein Beispielcode für eine einfache PHP-Datei getData.php:

PHP vs. Ajax: Lösungen zum Erstellen dynamisch geladener Inhalte PHP vs. Ajax: Lösungen zum Erstellen dynamisch geladener Inhalte Jun 06, 2024 pm 01:12 PM

Ajax (Asynchronous JavaScript and XML) ermöglicht das Hinzufügen dynamischer Inhalte, ohne die Seite neu laden zu müssen. Mit PHP und Ajax können Sie eine Produktliste dynamisch laden: HTML erstellt eine Seite mit einem Containerelement und die Ajax-Anfrage fügt die Daten nach dem Laden zum Element hinzu. JavaScript verwendet Ajax, um über XMLHttpRequest eine Anfrage an den Server zu senden, um Produktdaten im JSON-Format vom Server abzurufen. PHP nutzt MySQL, um Produktdaten aus der Datenbank abzufragen und in das JSON-Format zu kodieren. JavaScript analysiert die JSON-Daten und zeigt sie im Seitencontainer an. Durch Klicken auf die Schaltfläche wird eine Ajax-Anfrage zum Laden der Produktliste ausgelöst.

Was sind die Ajax-Versionen? Was sind die Ajax-Versionen? Nov 22, 2023 pm 02:00 PM

Ajax ist keine spezifische Version, sondern eine Technologie, die eine Sammlung von Technologien verwendet, um Webseiteninhalte asynchron zu laden und zu aktualisieren. Ajax hat keine spezifische Versionsnummer, aber es gibt einige Variationen oder Erweiterungen von Ajax: 1. jQuery AJAX; -Gesendete Ereignisse; 8, GraphQL usw.

PHP und Ajax: Möglichkeiten zur Verbesserung der Ajax-Sicherheit PHP und Ajax: Möglichkeiten zur Verbesserung der Ajax-Sicherheit Jun 01, 2024 am 09:34 AM

Um die Ajax-Sicherheit zu verbessern, gibt es mehrere Methoden: CSRF-Schutz: Generieren Sie ein Token und senden Sie es an den Client. Fügen Sie es der Serverseite in der Anforderung zur Überprüfung hinzu. XSS-Schutz: Verwenden Sie htmlspecialchars(), um Eingaben zu filtern und das Einschleusen böswilliger Skripte zu verhindern. Content-Security-Policy-Header: Beschränken Sie das Laden schädlicher Ressourcen und geben Sie die Quellen an, aus denen Skripte und Stylesheets geladen werden dürfen. Validieren Sie serverseitige Eingaben: Validieren Sie von Ajax-Anfragen empfangene Eingaben, um zu verhindern, dass Angreifer Eingabeschwachstellen ausnutzen. Verwenden Sie sichere Ajax-Bibliotheken: Profitieren Sie von automatischen CSRF-Schutzmodulen, die von Bibliotheken wie jQuery bereitgestellt werden.

See all articles