AJAX mit mehreren Variablen

[molily]

bisher habe ich AJAX nur angewendet um einzelne Variable zu aktualisieren.
Nun stehe ich vor dem Problem fünf Werte übertragen zu müssen.

Alternativ zu XML könntest du JSON als Übertragungsformat nutzen. Darauf kannst du im JavaScript einfacher zugreifen.

Serverseitig gibst du einen Object-Literal aus:

{
   url : "...",
   width : 123,
   height : 456,
   alt : "...",
   bio : "..."
}

Bei der Biographie musst du bei HTML natürlich auf korrektes Escaping der doppelten Anführungszeichen achten.

Im JavaScript nimmst du die Serverausgabe aus responseText und führst den diesen JavaScript-Code mittels eval() aus. Zurückgeliefert wird dir ein JavaScript-Object:

var object = eval(xmlhttprequest.responeText);

(xmlhttprequest ist dein XMLHttpRequest-Objekt.)

Dann kannst du auf die Daten einfach so zugreifen:

object.url
object.width
usw.

Mathias