AJAX, “Asynchronous JavaScript and XML” er en spændende ny (?) ting på web’en.
Vi har her at gøre med en teknik der mindsker hullet mellem en “rigtig” applikation og en web-applikation. WebSide-begrebet står overfor en re-definition.

Men hvad er AJAX?
AJAX er ikke en ny teknologi, men en sammensætning af eksisterende teknologier, så de danner et nyt stærkt værktøj.

• Standard-baseret præsentation vha. XHTML and CSS
• Dynamisk visning og interaktion vha. Document Object Model
• Data manipulation vha. XML and XSLT
• Asynkron hentning af data vha. XMLHttpRequest
• … og JavaScript til at binde det hele sammen

Jesse James Garrett har en meget fin artikel om sagen på : adaptivepath.com.
Husk også at scroll’e ned til AJAX Q%A (anbefales!!)
Hvis du vil holdes Up2Date med Stuff fra adaptivepath.com er deres NewsLetter måske noget for dig.

For en quick-understanding se figuren her:

[Klik for stor version]

Hvad betyder det så?
Det betyder at vi ikke længere er bundet af websiden som en “side”. Skal du have brugerinput behøver en form ikke længere blive “submitted” eller “postet” til en anden side. Denne “send og modtag” handling kan ske på den samme “side” via AJAX. Brugeren behøver altså ikke få sin WebOplevelse splittet op i en række “klik og vent på pageload”.
Når jeg siger “behøver”, så er det selvfølgelig fordi det ikke er alle handlinger, der vinder noget ved at blive skrevet om til at benytte AJAX.

Hvis vi forestiller os en webside med en liste over rss-nyheder fra et andet site, vil det da være niffty om listen opdateres løbende UDEN at jeg som bruger behøver refreshe min “side”.
Sidder jeg derimod i et admin-system og skal poste en nyhed, så er der jo ingen grund til at denne posting skal ske via AJAX. Det er helt klart muligt, men der er intet vundet derved.

Som med al anden teknologi: Brug den når det batter noget – når der er en bruger der vil få en bedre oplevelse af det. Hvis ikke det er tilfældet, så brug dit krudt på noget andet!

Og så lige belønningen for at læse med så langt:
Tjek lige engang hvordan “Google suggest” benytter AJAX til at udfylde din dropdown-boks on-the-fly. Det er dælme da lækkert. De af os der har prøvet at lave noget lignende med Client-Side-JavaScripting, ved hvor absurde størrelse kode vi hurtigt ender ud med. Thats all in the past!

Se også Chris Justus’s “Google Suggest Dissected…”

Og naturligvis er der da en WiKi på AJAX:
http://en.wikipedia.org/wiki/AJAX

AJAX eksempler
Test AJAX-Comments i WordPress:
http://www.squible.com/squible/2005/09/20/test-ajax-comments-here/

Bloxpress.org – rebuilded theme in AJAX. Se flash-demoen her:
http://www.bloxpress.org/?p=26

Simple eksempler:
http://www.clearnova.com/ajax/

Hands on (and getting dirty):
http://www.xml.com/pub/a/2005/02/09/xml-http-request.html

Fra DoubleCode:
http://www.doublecode.com/ajax-examples/

Hvad så nu ?
Ja, nu finder du så ud af om det er noget for dig. Er det noget der passer i dine projekter. Måske sidder du allerede nu forrest i sædet og hopper og siger: “Jamen, så kan man da .. og man kan .. med den vi har kan vi jo …” og så videre. I så fald er det bare med at komme afsted, og få vendt WEb’en på hovedet, presse citronen og give Internettet et nyt ansigt, og brugeren én på opleveren.

God fornøjelse herfra!