När ska man använda en Ajax-applikation

Jag erkänner det, jag har aldrig varit ett stort fan av JavaScript. Jag kan läsa och skriva JavaScript, men till sist hade jag väldigt lite intresse för det. Oavsett anledning hade mitt sinne en fullständig mental paus när det gällde att skriva JS-skript. Jag kan skriva komplicerade C ++ och Java-applikationer och jag kan skriva Perl CGI-skript i min sömn, men JavaScript var alltid en kamp.

Ajax gjorde JavaScript mer kul

Jag tror att en del av anledningen till att jag inte tyckte om JavaScript var att rollovers är tråkigt. Visst kan du göra mer än det med JS, men 90% av webbplatserna där ute använder det antingen rollovers eller formvalidering, och inte mycket annat. Och när du har validerat en blankett har du validerat dem alla.

Sedan kom Ajax och gjorde det helt nytt igen. Plötsligt hade vi webbläsare som skulle stödja JavaScript för att göra något annat än att byta bilder och vi hade XML och DOM för att ansluta data till våra skript. Och allt detta betyder att Ajax är intressant för mig, så jag vill bygga Ajax-applikationer.

Vad är den dumaste Ajax-applikationen du någonsin har byggt?

Jag tror att min skulle behöva vara e-postkontrollen på ett konto som nästan inte fick e-post. Du skulle gå till webbsidan och det skulle säga "Du har 0 mail meddelanden." 0 skulle ändras om ett meddelande kom in, men eftersom kontot inte fick något mail, skulle det aldrig förändras. Jag testade det genom att skicka mail till kontot, och det fungerade. Men det var helt meningslöst. Det fanns bättre mail checkers tillgängliga för fem år sedan, och jag behövde inte ha Firefox eller IE för att använda dem. När en av mina medarbetare såg det sa hon "Vad gör det?" När jag förklarade frågade hon "Varför?"

Innan du bygger en Ajax-applikation, fråga alltid varför

Varför Ajax?Om den enda anledningen till att du bygger programmet i Ajax beror på att "Ajax är cool" eller "Min chef berättade för mig att använda Ajax", då ska du på allvar utvärdera ditt teknikval. När du bygger någon webbapplikation bör du tänka på dina kunder först. Vad behöver de för den här applikationen? Vad kommer att göra det enklare att använda?

Varför inte något annat?Det kan vara väldigt frestande att använda Ajax helt enkelt för att du kan. På en webbplats som mitt team arbetade på fanns en flikad sida på sidan. Allt innehåll lagrades i XML i en databas och när du klickade på flikarna användes Ajax för att bygga om sidan med de nya flikdata från XML.
Detta verkade som en bra användning av Ajax, tills du börjar tänka på några av problemen med det:

Flikarna kan inte bokmärkas. Så kunderna kan inte spara den information de vill ha.

Sökmotorer ser inte data som inte finns i den första fliken, eftersom de inte kan komma åt Ajax.

Ajax är inte tillgänglig, så innehållet i de andra flikarna skulle inte vara synligt för någon som använder en skärmläsare eller till och med äldre webbläsare som inte har bra JavaScript-stöd.

Om en av flikarna hade mycket information kan det ta lång tid att ladda på en långsam anslutning. Och eftersom Ajax inte indikerar att något händer ser det ut som att sidan är trasig.

Det som var intressant är att den här webbplatsen hade liknande sidor tidigare som inte använde Ajax. De levererade innehållet antingen med dolda divs eller separata HTML-sidor. Det var ingen anledning att använda Ajax än att Ajax var coolt, och vår chef hade föreslagit att vi letade efter platser att använda den.

Ajax är för handling inte innehåll

Om du ska lägga upp en Ajax-applikation, eller bara något Ajax-liknande på din webbplats, bestämmer du först om de data du får tillgång till ändringar. Poängen med den asynkrona begäran är att den gör begäran till servern om information som har förändrats snabbare - eftersom det händer medan läsaren gör något annat. När de klickar på en länk eller knapp (eller efter en viss tid - oavsett vilken skillnad du har) visas data direkt.

Om ditt innehåll eller data aldrig ändras, ska du inte använda Ajax för att komma åt det.

Om ditt innehåll eller data bara ändras sällan, ska du förmodligen inte använda Ajax för att komma åt det.

Saker som är bra för Ajax

Form validering

Form validering är nästan en no-brainer. Det är så mycket trevligare när formuläret berättar när du skriver om du har fyllt i fel eller inte. Att behöva gå till servern och sedan returnera ett felmeddelande är inte bara gammal, det är långsamt. Lämna serverns validering i formuläret, vilket är viktigt för tillgängligheten. Men för dem som kan stödja Ajax, berätta dem direkt.

kommentarer

Kommentarer till bloggar eller till och med bara artiklar är en stor nytta av Ajax. Kommentarer kan ändras hela tiden, och speciellt när en kommenterare träffar kommentarknappen är det trevligt att se att kommentaren visas direkt på sidan.

Filtrera data

Om du har ett stort bord med mycket data i det, är en bra applikation för Ajax att lägga till filter och sorterare på bordet. Att få ditt webbtabell att fungera mer som Excel är verkligen användbart för människor.

Undersökningar och omröstningar

När du klickar på din omröstning skulle omröstningen bara växla för att visa resultaten. Och innan du kommenterar, stöder Om ännu inte Ajax på våra omröstningar - men det är säkert bra. Kanske kan vi ge våra utvecklare ett "Ajax-samtal" av oss själva. :)

Vad ska man göra när man får "Ajax-samtalet"

Prata med din chef eller marknadsföringsavdelning för att få reda på varför de vill använda Ajax på webbplatsen. När du förstår skälen till varför de vill ha det, kan du sedan arbeta för att hitta en lämplig applikation för den.

Påminn både din chef om att dina kunder kommer först och att tillgänglighet inte bara är ett ord. Om de inte bryr sig om din webbplats är tillgänglig för kunder, så påminna dem om att sökmotorer inte bryr sig om Ajax, så de får inte så många sidvisningar.

Börja små. Bygg en något lätt först innan du oroar dig för att bygga en helt ny webbapplikation från början. Om du kan få något Ajaxian på din webbplats, kan det vara att hela din chef eller marknadsföringsavdelning behöver uppfylla sina mål. Det är definitivt möjligt att lägga upp en Ajax-applikation som är användbar, men bara om du tänker på hur man gör det först.