Vertikal logo - klik for at komme til forsiden
Tillidsvækkende mennesker
Vertikal.dk
203 artikler
82 nøgleord
10 salgstekster
266 billeder
Læsestof
Nyeste artikler
Mest læste artikler
Alle artikler
Nøgleord
Tjenester
Domänengeist
Så kendt er du
Så populær er du
Få en gratis titel
 
Steven Snedker og Martin Jørgensen til leje     
 

  Print Anbefal Kommentér Statistik

Artikelfakta:
Publiceret: 10/11/2005 13:00 
Redigeret: 11/11/2005 01:11 

Læst: 18700 gange

Nøgleord: 
AJAX
frames
hvad hulen er
XML


Hvad hulen er AJAX?     

Mange snakker om det. Nu har vi det også – Asynkron JavaScript og XML, bedre kendt som AJAX. Læs her hvad det egentlig er og hvad det kan bruges til.   

Af Martin Jørgensen

Hvis man udvikler til web, så er man utvivlsomt stødt på begrebet AJAX. Det er noget der bliver snakket rigtigt meget om for tiden.

Og hvis noget er oppe i tiden og kunderne hører om det, så skal vi på Vertikal selvfølgelig også vide noget om det — det skal da ikke komme an på det da! Så herunder er forklaringen ganske kort.

   
Ikke et vaskemiddel Klik for at få et direkte link hertil
AJAX bruges til at opdatere dele af en webside fra serveren uden at hele siden skal opdateres.

AJAX giver mulighed for at lave nogle ganske rappe og trendskabende tjenester i en almindelig webbrowser, men er også en teknik, som er særdeles anvendelig til mindre og knapt så trendy opgaver.

AJAX er en teknologi, der har eksisteret i relativt lang tid, og har været indbygget i browserne længe. Nu har Flickr, Google og Amazon bare fået øje på den, og så rykker den pludselig.
   

  
Skriv domænenavnet: .dk
 

Ovenstående slås op i en database med cirka 350.000 domænenavne.
Bemærk: databasen er IKKE komplet!
Nyere domænenavne er ikke med.
Der er mere AJAX og mere sjov med domænenavne på denne side.
   
Dynamiske opslag Klik for at få et direkte link hertil
Til højre herfor ses et lille og klassisk eksempel på brugen af AJAX: look-ahead. Når brugeren skriver noget i feltet, slår systemet det indtastede op, og viser med det samme de efterfølgende muligheder.

Denne teknologi kendes fra andre sammenhænge, men forskellen her er, at de data, der danner listen ikke er med fra starten, men overføres dynamisk fra serveren mens brugeren taster. Siden ændrer sig, men skiftes altså ikke ud. Det er kun listen, der skiftes ud.

Et rigtigt godt eksempel på brugen af denne teknik er Google Suggest, som giver samme muligheder, bare i Googles kolossale indeks.

   
Mange anvendelser Klik for at få et direkte link hertil
AJAX giver med andre ord mulighed for at opdatere begrænsese mængder af data på en webside uden at hele siden skal opdateres. Det kan have store fordele i visse sammenhænge.

Forstil dig at man skal vælge land, stat eller region og måske endog by i en web-applikation. Hvis det skulle ske på traditionel vis, så skulle man enten have hele komplekset af lande, deres stater eller region og deres byer med over. I sagens natur en næsten umulig opgave, der ville give formularer med titusindvis af valgmuligheder.

I stedet giver man nu valget mellem de mindre en 200 lande i en dropdown. Herefter henter systemet det valgte lands stater eller regioner, og bygger i farten en ny dropdown, som man så vælger i. Når det er valgt vises de byer, som kan vælges. Alt dette sker uden at siden opdateres. Det er kun det berørte felt, der påvirkes og brugeren mærker ingen nævneværdig forsinkelse til trods for at der kommunikeres med serveren, slås op i databaser og udføres andre slags heksekunst bag kulisserne.
   

   Ude i virkeligheden Klik for at få et direkte link hertil
Derude, i den store Internet-verden, er AJAX også blevet populært, og bliver brugt flere og flere steder.

Google har lavet flere tjenester. Én af de mere imponerende er Google Maps, som henter kortinformation og grafiske data i farten. Mange glemmer dog at den danske Kort- og Matrikelstyrelse har gjort noget lignende i åresvis på deres Kort på Nettet, som er en på alle måder fantastisk tjeneste.

Amazons søgesystem A9 er også gennemsyret af AJAX. Når man slår krydser i de forskellige kategorier, så skabes søgeresultaterne neden under ved et opslag på serveren. Søgningen foretages altså først når kategorien er valgt.
   
 Klik for at se en større udgave
 
XML og XML... Klik for at få et direkte link hertil
...det er nu så meget sagt, for selv om der er et X for XML i AJAX, så er der overhovedet ingen krav om, at XML skal indgå i ligningen. Faktisk kan mange løsninger laves meget enklere uden XML.

Men XML er jo ret sexet, og alle teknologier, der rummer det forjættende akronym må jo være gode, ikke?

Vores lille eksempel bruger for eksempel slet ikke XML. Tanken med AJAX er at serveren returnerer data i XML-format, og at klienten så kan fortolke dem og lægge det hele på plads. Men hvis man som her bare skal opdatere en banal liste i et lille hul på siden, så er HTML langt nemmere og hurtigere at bruge. Listen på denne side er faktisk bare et lille skema, som opbygges på serveren og sendes i ren HTML. Derefter sætter noget lokal JavaScript det ind i en pladsholder på siden (en div, faktisk) og browseren opdaterer villigt skærmbilledet. Det hele sker på et splitsekund og har i øvrigt taget under en time at programmere.

Skulle der have været XML henover, så havde det ikke kunne gøre det.
   
Den ny tids frames Klik for at få et direkte link hertil
Dengang jeg skrev at frames de stank, var det et almindeligt argument, at brugen af frames gjorde det muligt at nøjes med at indlæse dele af siden mens resten blev stående. Det var da også sandt, men ikke nødvendigvis godt af den grund.

Med den stigende båndbredde og bedre server-systemer blev dette argument også svækket kraftigt. Jeg mener stadig at frames stinker, og årsagerne er stadig stort set de samme som dengang. De fleste sider med frames er ikke gode at navigere på, og kunne laves bedre uden.

Nu har vi så AJAX til at give os noget af det, som mange sagde at frames gav: vi kan nu opfriske dele af en side uden at indlæse hele siden.

Er det så bare lykken?

Nej! AJAX stinker faktisk også lidt i den sammenhæng. Siden her er et godt eksempel. hvis du indtaster et domænenavn i boksen ovenfor, så skifter sidens indhold.
"Nej, hvor spændende!", tænker du, og vil sende siden til din ven.
Men hvis du kopierer sidens adresse (URL) og sender, så får vennen ikke det du ser. Nej, feltet vil atter være tomt, og vente på en indtastning.

Og det her er bare et lille eksempel. Nogle meget AJAX-tunge sider er fuldkommen uinteressante, når AJAX-systemet ikke har udført sin magi, og AJAX bør derfor bruges med varsomhed og omtanke — ganske ligesom alle andre smarte teknologier.
   

Opdateret 11/11/2005
AJAX dufter måske Klik for at få et direkte link hertil
Problemerne med URL'er, bogmærker og historik er dog ikke større end at de kan løses, og Brad Neuberg præsenterer i en artikel et fint lille AJAX JavaScript-bibliotek, der kan hjælpe.
   



Læs mere om AJAX frames hvad hulen er XML 
Weblogs om: AJAX frames hvad hulen er XML 
 
Vi advarer gerne (og billigt) imod Klik for at få et direkte link hertil
Vi sælger skamløst viden om og assistance med Klik for at få et direkte link hertil
Ring inden den 12/08/2010 og få et ekstra godt tilbud!


  Print denne side  Anbefal denne side
© 2001-2010 Vertikal.dk Kenny Drews Vej 31, DK-2450 København SV, Denmark
Steven Snedker ss@vertikal.dk (55767603/51841548) og Martin Jørgensen martin@vertikal.dk (20666701)
 Klik her for at gå til webbaseret kontaktformular  ...om privatlivets fred