Wie viele häufige AJAX-Interviewfragen kennen Sie? 12 häufige Ajax-Interviewfragen und ihre Antworten

In diesem Artikel geht es hauptsächlich um die Interviewfragen und -antworten zu ajax. Sie können mehr lesen und sehen, wie die Interviewer die Fragen gestellt haben und was die richtigen Antworten sind. Werfen wir jetzt einen Blick auf diesen Artikel

[Ähnliche Themenempfehlungen: Ajax-Interviewfragen (2020)]

1 mit dem Hintergrund interagieren? Können Sie dann über einige Parameter im gekapselten Ajax sprechen?

URL: Die Adresse zum Senden der Anfrage.

Typ: Die Anforderungsmethode (Post oder Get) ist standardmäßig get.

async: synchrone asynchrone Anfrage, Standardeinstellung true, alle Anfragen sind asynchrone Anfragen.

Timeout: Timeout-Einstellung, Einheit Millisekunde

Daten: Muss ein Parameter vom Typ Objekt oder String sein, an den Server gesendete Daten

Cache: Standard ist wahr (wenn dataType (Wenn es sich um ein Skript handelt, ist der Standardwert „false“). Wenn Sie ihn auf „false“ setzen, werden die Anforderungsinformationen nicht aus dem Browser-Cache geladen.

dataType: Der Datentyp, der voraussichtlich vom Server zurückgegeben wird.

Die verfügbaren Typen sind wie folgt:

xml: Gibt ein XML-Dokument zurück, das mit JQuery verarbeitet werden kann.

html: Gibt reine Text-HTML-Informationen zurück; das enthaltene Skript-Tag wird ausgeführt, wenn es in das DOM eingefügt wird.

Skript: Gibt Nur-Text-JavaScript-Code zurück. Ergebnisse werden nicht automatisch zwischengespeichert.

json: Gibt JSON-Daten zurück.

jsonp: JSONP-Format. Wenn Sie eine Funktion im JSONP-Format aufrufen, z. B. myurl?callback=?, ersetzt JQuery automatisch das letzte „?“ durch den richtigen Funktionsnamen, um die Rückruffunktion auszuführen.

text: Gibt eine einfache Textzeichenfolge zurück.

Erfolg: Die Rückruffunktion, die nach erfolgreicher Anfrage aufgerufen wird, verfügt über zwei Parameter.

(1) Vom Server zurückgegebene und gemäß dem dataType-Parameter verarbeitete Daten.

(2) Eine Zeichenfolge, die den Status beschreibt.

Fehler: Der Parameter muss vom Typ „Funktion“ sein und die Funktion wird aufgerufen, wenn die Anforderung fehlschlägt. Diese Funktion hat 3 Parameter

(1) XMLHttpRequest-Objekt

(2) Fehlermeldung

(3) Erfasstes Fehlerobjekt (optional)

complete :function(XMLHttpRequest,status){ //Endgültige Ausführungsparameter nach Abschluss der Anfrage

2.json-Daten Wie man mit dem Format umgeht Haben Sie in Ihrer bisherigen Arbeit ein festes Format? Wenn ich eine Anfrage zum Löschen eines Datenelements in den Daten sende, woher weiß ich, ob das Löschen erfolgreich ist, oder wo es nach dem Löschen angezeigt wird? Analysieren Sie die Daten entsprechend und platzieren Sie sie auf der Seite.

Format: {} und [] kombinieren die gespleißte JSON-Zeichenfolge

, um eine Anforderung zum Löschen von Daten zu senden. Der Hintergrund gibt das Verarbeitungsergebnis zurück und das Frontend beurteilt, ob es erfolgreich ist basierend auf dem zurückgegebenen Ergebnis und verarbeiten Sie dann die Seitenelemente.

3. Sind Sie schon einmal auf diese Situation gestoßen? Im IE-Browser haben sich die Hintergrundbilddaten geändert, aber der Client hat sich nicht geändert. Er erinnerte daran, dass die Cache-Methode

JQuery.ajax() des Browsers, die den Cache auf false setzt, die Anforderung nicht aus dem Browser-Cache lädt

oder die Post-Methode zum Anfordern von Daten verwendet wird nicht zwischengespeichert und die Daten werden jedes Mal erneut angefordert

4. Die Implementierungsidee der Registerkarte

Mauszeigerzeit, Aufrufmethode, Übergabe dies, für alle Einen Teil des Inhalts der Registerkarte ausblenden, anzeigen und die Anzeige steuernDie Implementierungsidee der Kaskade

Im Allgemeinen regional Daten verwenden zweidimensionale Arrays. Speichern Sie sie aus dem Hintergrund und speichern Sie sie später.
Suchen Sie die entsprechenden zweidimensionalen Array-Daten gemäß der Option im ersten Dropdown-Feld und schleifen Sie eine neue Option () in das Dropdown-Feld hinzufügen

6. Ideen für die Implementierung von Karussellbildern

Die erste Methode:

Benennen Sie die Bilder der Reihe nach und verwenden Sie einen Timer zum Ändern der Pfad der Bilder alle paar Sekunden

Zweiter Typ:

Verwenden Sie die nahtlose Scroll-Technologie, um alle Bilder auf der Seite zu platzieren. Der Timer scrollt und bestimmt die Breite des Bildes gleich 0 und der Timer wird angehalten, wie viele Sekunden bevor der Timer startet.

Sprechen Sie darüber, was Sie über Bootstrap verstehen

Es ist personalisierter und humanisierter und basiert auf jQuery Wenn Sie einen entsprechenden Klassennamen markieren, können Sie einen Satz von Bootstraps eigenen, einzigartigen Website-Stilen erstellen, der mit den meisten jQuery-Plug-Ins kompatibel ist.

8. Der Unterschied zwischen AngularJS und JQ

JQ wird zuerst ermittelt und dann verwendet.

AngularJS direkt verwenden

9. Der Unterschied zwischen JQmobile und JQ

jQuery Mobile 是创建移动 web 应用程序的框架。jQuery Mobile 适用于所有流行的智能手机和平板电脑。jQuery Mobile 使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局

(1) jQuery ist eine js-Bibliothek, die hauptsächlich Selektoren, Eigenschaftsänderungen, Ereignisbindung usw. bereitstellt.
(2) jQuery UI ist ein Plug-in, das auf jQuery basiert und die Erweiterbarkeit von jQuery nutzt. Stellt einige häufig verwendete Schnittstellenelemente bereit, z. B. Dialogfelder, Ziehverhalten, Größenänderungsverhalten usw.
(3) jQuery selbst konzentriert sich auf den Hintergrund und verfügt nicht über eine schöne Benutzeroberfläche, während die jQuery-Benutzeroberfläche die Mängel der ersteren ergänzt. Es bietet eine wunderschöne Anzeigeoberfläche, die es den Menschen erleichtert, sie zu akzeptieren. Es gibt sowohl eine kraftvolle Backstage als auch eine wunderschöne Frontstage. jQuery UI ist ein jQuery-Plug-in, bezieht sich jedoch speziell auf das UI-orientierte Plug-in, das offiziell von jQuery verwaltet wird.

10. Die vier Teile von Ajax:

var xmlhttp = new XMLHttpRequest();
xmlhttp.open("post||get","URL",true||false);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.onreadystatechange = callBack;
xmlhttp.send(null);

11 Welche Datentypen werden von Ajax empfangen?

String

JSON-String

JSON-Objekt

12. Wo Ajax benötigt wird und wo nicht, welche Vor- und Nachteile hat Ajax?

Wenn die Seite nicht zum Aktualisieren springt und Daten asynchron verarbeitet werden, verwendet die Funktion zur automatischen Vervollständigung des Formulars ---- mit Ajax,

Nach der Übermittlung wird die Originalseite nicht mehr verwendet , und Sie können springen Für Funktionen wie Aktualisieren und Abfragen benötigt Ajax keine Daten.

Der größte Vorteil von AJAX besteht darin, dass es mit dem Server kommunizieren kann, um Daten zu verwalten, ohne die gesamte Seite zu aktualisieren. Dadurch können Webanwendungen schneller auf Benutzerinteraktionen reagieren und es wird vermieden, unveränderte Informationen über das Netzwerk zu senden, was die Wartezeit des Benutzers verkürzt und ein sehr gutes Benutzererlebnis bietet. <2>. Kommunizieren Sie asynchron mit dem Server.

AJAX verwendet eine asynchrone Methode zur Kommunikation mit dem Server, ohne den Betrieb des Benutzers zu unterbrechen, und verfügt über eine schnellere Reaktionsfähigkeit. Optimiert die Kommunikation zwischen Browser und Server und reduziert unnötige Datenübertragung, Zeit und Datenverkehr im Netzwerk.
<3>.
AJAX kann einen Teil der zuvor vom Server belasteten Arbeit auf den Client übertragen, indem es die ungenutzte Kapazität des Clients für die Verarbeitung nutzt, die Belastung des Servers und der Bandbreite reduziert und Platz und Kosten für die Breitbandmiete spart. Und um die Belastung des Servers zu verringern, besteht das Prinzip von AJAX darin, „Daten nach Bedarf abzurufen“, wodurch die Belastung des Servers durch redundante Anforderungen und Antworten minimiert und die Leistung der Website verbessert werden kann.
<4> Weitgehend unterstützt, basierend auf Standards.
AJAX basiert auf standardisierter und weithin unterstützter Technologie und erfordert kein Herunterladen von Browser-Plug-Ins oder Applets, erfordert jedoch, dass der Kunde die Ausführung von JavaScript im Browser zulässt. Mit zunehmender Reife von Ajax sind auch einige Programmbibliotheken herausgekommen, die die Verwendung von Ajax vereinfachen. Ebenso ist eine weitere Technologie zur Unterstützung der Programmierung entstanden, die alternative Funktionen für Benutzer bereitstellt, die JavaScript nicht unterstützen.
<5>. Die Schnittstelle ist von der Anwendung getrennt.
Ajax trennt die Schnittstelle und die Anwendung im WEB (man kann auch sagen, dass es Daten und Präsentation trennt), was der Arbeitsteilung und Zusammenarbeit förderlich ist und durch nichttechnische Ursachen verursachte WEB-Anwendungsfehler reduziert Das Personal modifiziert die Seite, verbessert die Effizienz und eignet sich besser für aktuelle Veröffentlichungssysteme.

Nachteile:

<1>.AJAX beendet die Funktionen „Zurück“ und „Verlauf“, was eine Zerstörung des Browsermechanismus bedeutet.
Bei dynamisch aktualisierten Seiten können Benutzer nicht zum vorherigen Seitenstatus zurückkehren, da sich der Browser nur statische Seiten im Verlauf merken kann. Der Unterschied zwischen einer vollständig gelesenen Seite und einer dynamisch geänderten Seite ist sehr subtil; Benutzer werden oft erwarten, dass durch Klicken auf die Schaltfläche „Zurück“ der vorherige Vorgang abgebrochen wird. In einer Ajax-Anwendung ist dies jedoch nicht möglich.
Der Zurück-Button ist eine wichtige Funktion einer Standard-Website, funktioniert aber mit js nicht gut. Dies ist ein ernstes Problem, das durch Ajax verursacht wird, da Benutzer häufig hoffen, den vorherigen Vorgang durch Zurückkehren abzubrechen. Gibt es also eine Lösung für dieses Problem? Die Antwort lautet: Ja. Die unter Gmail verwendete Ajax-Technologie löst dieses Problem. Sie ändert jedoch nichts am Mechanismus von Ajax Dies erreichen Sie, indem Sie einen versteckten IFRAME erstellen oder verwenden, um die Änderungen auf der Seite zu reproduzieren, wenn der Benutzer auf die Schaltfläche „Zurück“ klickt, um auf den Verlauf zuzugreifen. (Wenn der Benutzer beispielsweise in Google Maps zurückklickt, sucht es in einem versteckten IFRAME und spiegelt die Suchergebnisse dann im Ajax-Element wider, um den Anwendungsstatus auf den damaligen Stand wiederherzustellen.)
Obwohl dieses Problem gelöst werden kann, sind die damit verbundenen Entwicklungskosten sehr hoch und stehen im Widerspruch zur schnellen Entwicklung, die das Ajax-Framework erfordert. Dies ist ein sehr ernstes Problem, das durch Ajax verursacht wird.
Ein damit zusammenhängender Punkt ist, dass die Verwendung dynamischer Seitenaktualisierungen es für Benutzer schwierig macht, einen bestimmten Status in den Favoriten zu speichern. Es wurden auch Lösungen für dieses Problem gefunden, bei denen die meisten URL-Fragment-Identifikatoren (häufig Anker genannt, der Teil nach dem # in der URL) verwenden, um den Überblick zu behalten und dem Benutzer die Rückkehr zu einem bestimmten Anwendungsstatus zu ermöglichen. (Viele Browser ermöglichen JavaScript die dynamische Aktualisierung von Ankern, sodass Ajax-Anwendungen den Anker gleichzeitig mit dem angezeigten Inhalt aktualisieren können.) Diese Lösungen lösen auch viele der Argumente aus, die dazu führen, dass die Zurück-Schaltfläche nicht unterstützt wird. (Wenn Sie mehr erfahren möchten, besuchen Sie die Spalte „AJAX-Entwicklungshandbuch“ auf der chinesischen PHP-Website, um mehr zu erfahren)

<2>.AJAX-Sicherheitsprobleme.
Die AJAX-Technologie bietet Benutzern nicht nur ein gutes Benutzererlebnis, sondern bringt auch neue Sicherheitsbedrohungen für IT-Unternehmen mit sich. Die Ajax-Technologie ist wie die Einrichtung eines direkten Kanals für Unternehmensdaten. Dadurch können Entwickler unbeabsichtigt mehr Daten und Serverlogik offenlegen als zuvor. Die Ajax-Logik kann vor clientseitigen Sicherheitsscantechnologien verborgen werden, sodass Hacker neue Angriffe von Remote-Servern aus starten können. Es ist auch schwierig, mit Ajax einige bekannte Sicherheitslücken zu vermeiden, wie z. B. Cross-Site-Scripting-Angriffe, SQL-Injection-Angriffe und auf Anmeldeinformationen basierende Sicherheitslücken.
<3>. Schwache Unterstützung für Suchmaschinen.
Die Unterstützung für Suchmaschinen ist relativ schwach. Bei unsachgemäßer Verwendung erhöht AJAX den Datenverkehr im Netzwerk und verringert dadurch die Leistung des gesamten Systems.
<4>. Zerstören Sie den Ausnahmebehandlungsmechanismus des Programms.
Zumindest vorerst zerstören Ajax-Frameworks wie Ajax.dll und Ajaxpro.dll den Ausnahmemechanismus des Programms. Bezüglich dieses Problems bin ich während des Entwicklungsprozesses darauf gestoßen, aber nach Überprüfung gibt es im Internet fast keine relevante Einführung. Später führten wir ein Experiment durch und verwendeten Ajax und herkömmliche Formularübermittlungsmodi, um ein Datenelement zu löschen ... was uns beim Debuggen große Schwierigkeiten bereitete.
<5> Dies widerspricht der ursprünglichen Absicht der URL- und Ressourcenpositionierung.
Wenn ich Ihnen beispielsweise eine URL-Adresse gebe und Ajax-Technologie verwendet wird, unterscheidet sich das, was Sie unter der URL-Adresse sehen, möglicherweise von dem, was ich unter dieser URL-Adresse sehe. Dies widerspricht der ursprünglichen Absicht der Ressourcenpositionierung.
<6>.AJAX unterstützt mobile Geräte nicht gut.
Einige Handheld-Geräte (wie Mobiltelefone, PDAs usw.) unterstützen Ajax derzeit nicht sehr gut. Wenn wir beispielsweise eine Website mit Ajax-Technologie in einem mobilen Browser öffnen, ist dies derzeit der Fall nicht unterstützen.
<7>. Der Client ist zu fett und zu viel Client-Code verursacht Entwicklungskosten.
Es ist kompliziert zu schreiben und fehleranfällig; es gibt viele redundante Codes (es ist ein häufiges Problem von AJAX, js-Dateien in Ebenen einzubinden, außerdem gab es in der Vergangenheit viel serverseitigen Code). wird nun auf dem Client platziert); es zerstört das Web der ursprünglichen Standards.

Dieser Artikel endet hier (wenn Sie mehr sehen möchten, gehen Sie zur Spalte AJAX-Benutzerhandbuch auf der chinesischen PHP-Website, um mehr darüber zu erfahren). Sie haben Fragen. Sie können unten eine Nachricht hinterlassen, um Fragen zu stellen.

Das obige ist der detaillierte Inhalt vonWie viele häufige AJAX-Interviewfragen kennen Sie? 12 häufige Ajax-Interviewfragen und ihre Antworten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!