Was muss ich wissen, bevor ich Ajax lerne?

Question

Ajax - Asynchrones JavaScript und XML

Was beinhaltet sie? HTML, JavaScript, XML, jQuery?

Wie kann ich am besten mit dem Erlernen von Ajax beginnen? Sollte ich mit den Grundlagen von HTML und JavaScript beginnen oder meinen Unterricht auf eine bestimmte Sprache oder Bibliothek ausrichten?

Answer 1

Ajax ist, kurz gesagt, der Prozess der Kommunikation mit einem Webserver von einer Seite aus, unter Verwendung von JavaScript, ohne die Seite zu verlassen.

Die wichtigsten Dinge, die Sie dafür wissen müssen, sind:

• Das JavaScript, das für die Anfrage und die Bearbeitung der Antwort benötigt wird
• Der serverseitige Code, der benötigt wird, um die Anfrage zu empfangen und die Antwort zu geben (es sei denn, Sie nutzen einen Dienst, der dies für Sie erledigt)

Die Serverseite hängt sehr stark von der Serverumgebung ab, mit der Sie arbeiten, so dass es wenig Nützliches zu sagen gibt, das spezifisch ist. Was man in der Regel sagen kann, ist, welche Form die Antworten annehmen können.

• JSON ist ein beliebter Ansatz für die Übermittlung strukturierter Daten.
• XML ist eine weitere Möglichkeit, strukturierte Daten zu übermitteln, ist aber in letzter Zeit etwas in Verruf geraten, da JSON wohl einfacher zu handhaben ist.
• HTML-Bausteine werden gerne in Seiten mit innerHTML .
• Winzige Klartextstücke sind für einfache Antworten nützlich.

Auf der Client-Seite gibt es drei gängige Ansätze:

• XMLHttpRequest: Gut unterstützt und flexibel.
• abrufen: Ein Ersatz für XHR mit einer schöneren API, aber eingeschränkter Browserunterstützung.
• JSONP: Ein Hack zur Umgehung der Same Origin Policy, die durch die Einführung von CORS obsolet geworden ist, über den Sie aber gelegentlich stolpern können.

Ich habe oben die Politik der gleichen Herkunft erwähnt. Normalerweise ein Skript darf keine Daten aus einem anderen Bereich lesen aus Sicherheitsgründen. Die CORS-Norm ermöglicht es Ihnen, dies zu umgehen.

Nun zu einigen Ressourcen:

• Das W3C bietet einen guten Leitfaden für JavaScript und andere Webstandards wenn Sie etwas Hintergrundwissen benötigen.
• MDN bietet auch eine Einführung in JS
• MSN bietet einen guten Leitfaden für die XMLHttpRequest-Objekt
• Ajaxian hat eine Einführung in JSON-P
• jQuery hat Funktionen, die bei Ajax helfen .

Answer 2

Sie müssen Kenntnisse in HTML und Javascript haben. W3Schulen hat ein Tutorial über die Grundlagen, das Ihnen helfen wird, zu lernen. Am besten lernt man, indem man etwas Code einfügt und ihn benutzt. Und außerdem jetzt, JQuery (eine Javascript-Bibliothek), macht das Erlernen von Ajax mehr Spaß und einfacher. Die Website hat eine gute Dokumentation und einige Beispiel-Ajax-Code zu.

Answer 3

AJAX = Asynchrones JavaScript und XML.

Es handelt sich also im Wesentlichen um Javascript. jQuery vereinfacht unter anderem Ihren Code beim Senden von AJAX-Anfragen. HTML ist ein Markup, keine Sprache und hat nichts mit AJAX zu tun.

Sie können beginnen mit diese Anleitung .

Answer 4

Sie müssen zuerst Javascript verstehen und wissen, wie man es programmiert. Als ich anfing, Javascript zu entwickeln, hatte ich vor allem Erfahrung mit C, C++, Perl und dergleichen.

Aufgrund dieses Hintergrunds wurde mir schnell klar, dass ich in Javascript in der Lage sein muss, Daten von der aktuellen Seite (ohne Umleitung) dynamisch an den Webserver abzufragen. Ich entdeckte dann das übliche Ajax-Schlüsselobjekt XMLHttpRequest.

Ich würde Ihnen empfehlen, zunächst das "normale" Javascript zu verwenden und einige grundlegende dynamische Aktionen auszuführen, wie z.B. die Anzeige der Uhrzeit, das Verschieben von Text (...).

Dann könnten Sie versuchen, ein einfaches Programm zu implementieren, das den Uhrwert von Ihrem Server anzeigt. Denn XmlHttpRequest führen einen Dialog zwischen dem Webserver und dem Client (Browser).

Dazu benötigen Sie Zugang zu einem Webserver (z. B. Apache). Sie müssen wählen, welche Sprache Sie serverseitig zur Beantwortung der Xmlhtt-Anfragen verwenden wollen, z.B. PHP, Perl CGI, etc... Sie müssen Apache veranlassen, die Seitenanfragen an das PHP-Skript zu senden. Das Skript muss dann das Ergebnis ausgeben.

 Browser-Javascript request 

 ==> Web server (eg PHP) 
     to Display the clock =
                          "
 Back to browser        <==

Der Javacript-Code erhält diese Antwort und muss das Ergebnis irgendwo anzeigen.

Was das Buch betrifft, so ist Javascript 5 von Flanagan meine erste Wahl.

Answer 5

Indem man sie tatsächlich benutzt. ist der beste Weg, etwas zu lernen. JEDE Sache!