www.netisoft.net

Aktive Seite:

Basic Tutorial (Anleitung): AJAX

Kurzbeschrieb

Basic Tutorial (Anleitung): AJAX


Basic Tutorials - Ajax (HTML/PHP/Javascript)

Ajax ist eine Webtechnologie, eine Kombination aus HTML, PHP und Javascript. Die Kunst besteht wohl darin, dass man Ajax nur "dezent" verwendet.



Ein Ajax Beispiel: - Echtzeitverschlüsselung eines Strings (v0.1).


Aus der Sicht des Benutzers

Aus der Sicht von Javascript und PHP

Das "Livetime"-Resultat, behaust in einem eindeutigen, mit ID versetzten DIV-Tag.

Wenn man in folgendem Textfeld einen String eingibt bzw. eine darin eine Taste loslässt, wird die Javascriptfunktion "onTextInput()" ausgeführt. Das "TasteLoslassenEvent" wird über eine vordefinierte Eventfunktion "onkeyup()" von Javascript selbst ausgeführt.

Hier findet die eigentliche Schnittstelle statt. Die Javascript-Funktion erstellt ein "Ajaxobjekt", welches schliesslich eine Serverseitige Scriptdatei (in diesem Beispiel ein PHP-Script) ausführt.

Hier findet die Ausgabe des AJAX-Prinzips statt, Zielausgabe-Feld wurde in der Javascriptfunktion definiert.

Programmcode 1: (Texteingabe):


Programmcode 2a: (JS Funktion, ext. Datei)




Programmcode 2b: (ext. PHP Datei "ajaxgets.php")


Programmcode 3: (Ausgabe-DIV)


Webresultat 1: (Texteingabe):


Webresultat 2: (JS Funktion, ext. Datei)


Serverseitige Berechnung durch ajaxgets.php

Webresultat 3: (Ausgabe-DIV)



Hilfreiche Links:

- Wikipedia: Ajax Programmierung



Diese Seite weiterempfehlen




Newsfeed abonnieren:

netisoft.net - newsfeed

Netisoft auf Twitter:

netisoft.net - newsfeed