Ajax mit xajax – Teil 2.1
Wegen einiger Probleme mit Wordpress beim Einfügen von vorfomatiertem Code habe ich den zweiten Teil in 4 Unterteile aufgeteilt, das erleichtert dann etwas die Arbeit ohne das bei jedem Editieren wieder die ganze Formatierung weg ist.
Nachdem Teil 1 eine kurze Einführung in Ajax war, gibt es jetzt in Teil 2 endlich ein wenig Code zu sehen. Und los geht's 
<?php
// (1) xajax einfuegen
include("xajax.inc.php");
// (2) xajax objekt erzeugen
$xajax = new xajax();
/**
* (3)
* Eine "normale" PHP-Funktion, die spaeter mittels
* JavaScript im Hintergrund aufgerufen werden soll
*/
function doMagicAjax() {
// code
}
// (4) funktion "registrieren"
$xajax->registerFunction("doMagicAjax");
// (5) "ajax-anfragen" bearbeiten
$xajax->processRequests();
?>
<html>
<head>
<title>ajax mit xajax</title>
<?
// (6) noetigen javascript code ausgeben
$xajax->printJavascript();
?>
</head>
<body>
<a href="#" onClick="xajax_doMagicAjax()">Let's do some magic</a>
</body>
</html>
Der obere Code zeigt ein kleine Hülle für eine Xajax-Anwendung. In (1) fügen wir den Xajax-Code ein um in (2) ein Xajax-Objekt zu erzeugen. In (3) definieren wir eine "normale" PHP-Funktion, diese soll später über Javascript auf dem Server aufgerufen werden, oder genauer: Per XMLHttpRequest bauen wir eine Verbindung zum Server auf und sagen ihm bzw. Xajax, dass wir genau diese Funktion jetzt ausführen möchten. Darum müssen wir uns aber nicht kümmern, denn in (4) "registrieren" wir die Funktion bei Xajax und Xajax wird den entsprechenden Code selbst generieren. In (5) soll Xajax eventuell auftretende Requests bearbeiten. Das soll bedeuten, falls ein solcher XMLHttpRequest abgesetzt wird, wird wiederum die aktuelle Seite für die Bearbeitung "aufgerufen". An dieser Stelle soll Xajax die weitere Ausführung stoppen und eventuelle Anfragen bearbeiten und wenn nötig entsprechende Funktionen aufrufen. In (6) brauchen wir mittels der Methode printJavascript() lediglich den JavaScript-Code ausgeben lassen.
Im unteren HTML-Teil des Beispiels ist ein Link definiert, der bei Klick die Javascript-Funktion xajax_doMagicAjax() aufruft, dies entspricht der automatisch von Xajax erzeugten Funktion für unsere PHP-Funktion doMagicAjax(). Was also nun nur noch nötig ist, ist das entsprechende Aufrufen des Funktionsnamen mit dem Prefix xajax_ und den Rest bis zur Ausführung der PHP-Funktion übernimmt Xajax.
Bisher wird sich nicht viel tun, schließlich ist die Funktion noch leer und ohne Möglichkeit etwas Zurückzugeben und auch HTML zu manipulieren ist das noch nicht so spannend. Also schauen wir im nächsten Teil ein weiteres Beispiel an.
[...] Schauen wir uns direkt die veränderte Hülle aus Teil 2.1 an. [...]
[...] Ajax mit Xajax – Teil 2.1 Posted by AntiHype Filed in Ajax, Hype, Internet, PHP, Web 2.0 [...]