Kurze Erklärung was man mit AJAX machen kann und wozu es gut ist.

Administrator

Wednesday, September 5th 2007, 12:57pm

Viele die sich mit Webdesign und dem Web allgemein beschäftigen werden schon davon gehört haben. Oft ist auch von web2 die Rede wobei Ajax eigentlich nichts anderes ist als die Nutzung vorhandener Möglichkeiten.

Was AJAX genau ist wird sehr schön bei Wikipedia erklärt -> [WIKI]AJAX[/WIKI]

Was aber genau kann man damit machen oder wozu kann es nutzen?

Man nehme z.B. ein aufwendiges Formular bei dem selektiv durch Auswahlen andere Kriterien relevant werden oder erscheinen sollen. Bisher wurde das so gemacht, dass man entweder ein Formular auf mehrere Seiten verteilt und so in Abhängigkeit der Eingaben verschiedene Elemente auf der Folgeseite abfragt oder aber ein Refresh der Seite macht um weiterführende Abfragen darzustellen. Setzt man solch ein Formular mittels AJAX um so kann man weitere Elemente dynamisch beim Ausfüllen des Formulars ändern und erweitern. Dabei wird ständig zwischen Browser und Webserver kommuniziert und die Daten ohne das es für den Anwender sichtbar ist im Formular aktualisiert. Ähnlich wie wenn man mit versteckten Div's arbeitet kann man so Elemente auf Knopfdruck sichtbar machen ohne sie vorher im vom Browser laden lassen zu müssen. Erst bei Knopfdruck werden die Daten vom Server angefordert. Das ganze funktioniert auch in die andere Richtung. Das heißt wenn die Formulardaten eingegeben werden kann man sie bereits beim Ausfüllen in eine Datenbank schreiben. Macht natürlich keinen Sinn wenn der User das Feld 10 mal überschreibt jedes mal die Daten in der Datenbank zu aktualisieren allerdings ist das dennoch möglich. Man könnte z.B. einen Notizblock bauen bei dem auf Knopfdruck ein Texteingabefeld erscheint in einem Div Container und sobald dieser mit einem Knopfdruck geschlossen wird werden die Daten in die Datenbank geschrieben und auf dem Notizblock ein Link erzeugt.

Bei weiteren Fragen einfach melden!

Jedwege Anfragen bitte an Technomausi oder ShaoKhan richten. Dieses Konto ist und bleibt inaktiv.

Go to the top of the page

flo

Unregistered

2

Sunday, February 3rd 2008, 11:00am

hast du dazu vielleicht ein kleines beispielscript oder sowas?

so ein mini formular oder sowas.. wie du es beschrieben hast..

Go to the top of the page

ShaoKhan

www.Spiegelwelt.com

Posts: 393

Location: 127.0.0.1

Occupation: EDV Dienstleister

3

Sunday, February 10th 2008, 11:37am

Bei mir gehört mittlerweile Scriptaculous zum Standart.
Also ich nutze es derzeit um im Hintergrund (onLoad) etwas zu prüfen.
Der Ajax Request steht in einer normalen JS Function.

Source code

function machwas(wert1, wert2)
{
new Ajax.Request('Datei.php?WERT1=' + wert1 + '&WERT2=' + wert2,
{
 onSuccess: function(t)
    {
       if (t.responseText == 1)
       {
           alert('PHP script gab 'ne 1 zurück');
       }
        else
       {
            alert('PHP script gab was anderes als 'ne 1 zurück');
       }
    },
onFailure: function(t)
   {
	$('message').innerHTML = 'Es ist ein Fehler aufgetreten, bitte wende dich an den Administrator';
      }
   })
}

Zeile 3: sollte klar sein. Aufruf eines php-Scripts
Zeile 7: PHP gibt 'n

	PHP Source code
1	echo 1;

zurück
Zeile 11: PHP gibt was anderes als die 1 zurück (kann beliebig erweitert werden)
Zeile 16: Das Script konnte nicht korrekt ausgeführt werden (404 Error, beim laden der Datei.php z.Bsp.)

Das war's eigentlich

Leben heisst - Narben tragen.

Go to the top of the page

Coder Board Community