Rätt Enkelt

AJAX – webbrevolution à la 1998

Skrivet söndag 7 augusti 2005, 22:03

Flera år gammal teknik, som förr kallades DHTML, har återuppstått i form av AJAX. Precis som då handlar det om att göra mer responsiva webbsidor som liknar skrivbordsapplikationer. De mest kända tillämpningarna där AJAX används är Gmail, Google Maps, Google Suggest och Flickr. Vad som framförallt skiljer det från traditionella webbtekniker är att sidorna inte behöver laddas om för att uppdateras.

AJAX är egentligen en förkortning för Asynchronous Javascript and XML, vilket också är exakt vad det handlar om. Att skicka XML-data till och från webbservern via Javascript, utan att webbsidan behöver laddas om. ”Vanlig” Javascript kan uppdatera en webbsida precis lika dynamiskt som AJAX, men skillnaden är att traditionell Javascript måste ladda in all data från början. Med AJAX kan man istället hämta ny information när användaren exempelvis klickar på en ”länk” – utan att en ny webbsida läses in från webbservern. Till och med ”dra och släpp” fungerar! Se exempel på tekniken.

En stor fördel med AJAX är att man kan skapa ”program” som inte behöver installeras på användarens dator. Gmail är ett utmärkt exempel; det är mer likt ett e-postprogram än en gammal hederlig ”webbmail”. Användaren har tillgång till ”programmet” från vilken dator som helst – oberoende av operativsystem och webbläsare – och alla inställningar bibehålls. Det är också enkelt att göra prototyper av program och demonstrera för kunder på detta vis.

Det finns förstås nackdelar med denna teknik. Bland annat går det inte att använda ”tillbaka-knappen” på ett normalt sätt på AJAX-sidor. Länkar blir heller inga vanliga länkar som laddar in nya sidor, utan mer som knappar i en skrivbordsapplikation. Då gäller det att få användaren att förstå skillnaden mellan AJAX- och vanliga länkar. Dessutom får användaren inte den vanliga återkopplingen på att sidan håller på att uppdateras. Läs om fler nackdelar.

Namnet AJAX myntades av företaget Adaptive Path, som på samma sida också har en mer teknisk beskrivning av det. Mozilla har en tutorial som hjälper dig komma igång med praktisk programmering. Det underlättar om du använder ett ramverk, som SAJAX eller Microsofts Atlas.

Ursprungligen var tekniken endast kompatibel med Internet Explorer, men i nuläget fungerar den också i åtminstone Firefox, Safari, Opera, Mozilla, Netscape och Konqueror. Förmodligen är det en bidragande anledning till varför tekniken har återuppväckts och nu används på allvar.

9 augusti: Se fler exempel på vad man kan göra med AJAX.

Läs fler artiklar om: ajax, javascript, webbutveckling