6 Comments »

The purpose of this post is to try to explain AJAX the way I understand it. To me,
AJAX is not some complicated technology that you need to go out and buy books to
learn. Rather, it is simply two or more web pages, and a couple of simple Javascript
functions.I have come to hate the term AJAX. It seems every time I mention AJAX, either
developers get nervous, or account managers get excited. Neither situation benefits me.
Actually, I’ve pretty much stopped using the term at all. Depending on my audience, I’ll
make up different terms. Like when I’m talking to Java developers, I’ll say “we need to do
a back end call” and that doesn’t freak them out, but telling them we need to do an AJAX
call makes them sweat.

Hopefully, if enough people read posts like this, the mystery and glamor will be removed
from the term AJAX. So, lets get to the de-mystification.

First, lets dissect the name itself. A.J.A.X.


A = Asynchronous


J = Javascript


A = And


X = XML

Most developers reading this will feel pretty comfortable with the Javascript part.
It’s the asynchronous and the XML parts that make most people nervous. They really
shouldn’t. I’ll briefly describe each, then we’ll put it all together.

Asynchronous simply means “lets open another URL without changing or reloading the page.”
Picture it like this… You are reading a blog post, and you come across a link to another page.
You don’t want to stop reading, so you right click the link and open it in a new window or another
tab right? Now you continue reading the page you were on. Asynchronous simply means we are doing
something else without disturbing the page we are viewing.

Javascript, we all know what that is I hope. If you don’t, then you should probably be reading
some other sites first (intro to Javascript).
Now, the purpose of this post is to make AJAX easy to write, and easy to understand, so we are
going to use Javascript tools that make our job a lot easier. Whenever I write AJAX code, I always use
the Prototype Javascript framework.
Go ahead and download it, we’ll talk more about it later, just know that it has most of the Javascript
we will need built in.

Before I get into XML, and what it is, I would like to note that AJAX doesn’t even need XML to work.
For those who can’t or won’t use XML, don’t worry, you can still write useful AJAX code without it, but
please continue reading and maybe you will decide that you can use XML after all. It does make AJAX a
lot easier, but like I said, it’s not necessary.

XML shouldn’t be scary, but many people just don’t know what it is. If you’ve got this far and you
aren’t totally confused, then you probably know how to write HTML. HTML and XML should not necessarily
be compared, but they are similar in how they are written. XML is written using ‘tags’ similar to HTML.
And XML tags need to be “balanced” just like HTML should be. Following is some simple HTML:

<html>
  <head>
    <title>sample</title>
  </head>
  <body>
    <div>something</div>
  </body>
</html>

Most people will recognize this as the most basic of HTML code, but what you may not know is that
this could also be valid XML code as well. I mentioned the word “balanced” earlier. In the sample
above, you will notice that each tag has a corresponding ending tag like <html></html>.
That is what balanced means. That is probably the most important concept in XML. Unlike HTML, we don’t
necessarily use XML for presentation, XML is normally used more like a database. For example, if the
code above were an XML file, and we wanted to think of it as data, we could say that the <html>
section could be the database itself, the <head> section could represent a table in that database,
the <title> section could represent a column in that table and the word “sample” would be the value
of that column. If it were a database, we could query it something like this…

select title
from html.head

We could spend a great deal of time explaining XML, but lets just says that its basic function is to
store data and to define what that data means. So, in the example above, the word “sample” means, and
we know this because of the XML tags we use to surround it, it is the ‘title’ of the ‘head’ of the ‘html’ file.

I’ll write one more sample XML just for clarification because I think I’ve spent too much time on
this subject already, but I think one more sample will be helpful in describing just how easy XML is.
Lets say we want to get a list of books. We could represent that list of books with XML.

<books>  
  <book>     
    <title>The Shining</title>     
    <author>Stephen King</author>     
    <ISBN>0743437497</ISBN>     
  </book>     
  <book>     
    <title>Fahrenheit 451</title>     
    <author>Ray Bradbury</author>     
    <ISBN>9506440298</ISBN>     
  </book>     
</books>

From that example, XML should be pretty self explanatory. And that is the real point of XML.

That concludes “AJAX Fast and Easy – part one”. In part two, we will build a basic HTML file
and make an AJAX call to another basic HTML file, leaving the XML part out of the equation.

UPDATE:


Ajax Fast and Easy – part two is now available

 



Tags: , , , , , , , , ,

Trackback URL | Comments RSS

6 Responses to “AJAX Fast and Easy – part one”
 

Very insightful…I feel like I can code!

Matt Levy wrote on February 20th, 2008 at 3:47 pm

 

[…] AJAX Fast and Easy – part one […]

 

[…] AJAX Fast and Easy – part one […]

 

[…] In AJAX Fast and Easy – part one, we defined AJAX and decided it wasn’t really that complicated. In AJAX Fast and Easy – part two, we created an index.html file, a backendHTML.html file and we downloaded the Prototype Javascript framework. We put them all together and made some ajax magic happen. However, in part 2 we left out all the junk about XML, and all we really did was display the ajax results as an alert. Not too useful, but it proved the point and it was pretty fun. […]

 

[…] AJAX Fast and Easy – part one » position:relative – a Web and Now blog Hopefully, if enough people read posts like this, the mystery and glamor will be removed from the term AJAX. So, lets get to the de-mystification. […]

 

[…] AJAX Fast and Easy – part one » position:relative – a Web and Now blog Hopefully, if enough people read posts like this, the mystery and glamor will be removed from the term AJAX. So, lets get to the de-mystification. […]


 




  • shemale stephanie pics galleries
  • real teenie girls
  • mature women with hot wet pussy
  • el sex shemale
  • young girls with big boobs porn
  • jesse james naked pics
  • girls using anal dildos
  • amateur picture girl nude
  • ebony gand creampie movie
  • best hd shemale video gallery
  • perfect young ass
  • truth or dare sex pics
  • chloroformed girls pictures
  • hardcore black office sex
  • fat girls small boobs
  • Only hot sex
  • women fuck male sex doll
  • big boob swedish retro porn movies
  • men having sex anal
  • male ass gallery
  • anal sex enema necessary
  • asian sm videos
  • young girls video free legal
  • asian dick cum
  • pussy lick video free
  • Romania girl sex
  • ethnic sex styles
  • Raw anal sex
  • tiny bikini contest video
  • shakara ledard topless pics
  • black little virgins
  • glamour wives sex
  • outdoor naked teens porn
  • naked old girls
  • interracial bdsm gallery
  • sexy young spanish teens pics
  • Girls naked and tied up
  • teen gy style sex pic
  • Steaming hot pussy
  • couples video swapping
  • free nude black girls vids
  • little young nude girl
  • amateur video free you
  • nude tiny little asian girl
  • met art sex interracial
  • petite jador baby
  • blowjob movie galleryu
  • models pussy pics
  • Short girls getting fucked
  • ftv girls cumshots
  • mary jane sex lesbian
  • video of my wife masterbating
  • Teenagers sex scenes
  • porn movies about pirates
  • free amateur homemade sex
  • women licking theyre nipples video
  • sateen girls jacket
  • sexy milky nipples
  • blonde blow job porn
  • homely girls tits
  • denise milani beautiful bikini pictures
  • amateur lesbian home
  • amature couples home porn
  • webcam lesbian amateur movies
  • girl spy gallery nude
  • girls gone wild amatuer lesbians video
  • shaved young pussy sluts
  • get wife to like anal sex
  • perfect female breasts pics
  • Sucking on huge tits
  • free bikini was videos with nudity
  • Pretty blonde teen
  • sex thumb gallery
  • mexican anal sex
  • teen boys young gallery
  • naked babes pussy pictures
  • big boob handjob movies
  • close up oral sex photos
  • drunken college girls sex vidoes
  • samantha harris bikini picture
  • phat black anal
  • erotric forced to eat pussy stories
  • eating out fingering videos
  • evilyn machine hardcore porn
  • my mom asleep naked pics
  • hot blonde chubby girls
  • young girl tries anal
  • Sex yahoo groups
  • amtuer handjob videos
  • naked male thumbnai gallery
  • lesbian video sex kinky fetish
  • Amy sex scene
  • Naked news daily male videos
  • puerto rican sex tape videos
  • handjob pictures free hetero
  • Best boob pictures
  • wife bikini topless
  • xhamster amateur videos
  • bad little teen porn video
  • hot korean girl panties
  • edison chen sex scandal photos pictures
  • granny flashing vids
  • free latin mature sex videos
  • short haired teen anal
  • beautiful creampie pussy streaming porn
  • free xxx erotix sex movies
  • teen amateur nudes
  • free pics hot pussy
  • plastic diaper pics porn free
  • girl screaming orgasm video
  • lesbian virgin pussy
  • extreme pussy licking
  • streaming sex video free
  • watching wife another video
  • louisville cheerleader sex pictures
  • mardi gras drunk girls sex tapes
  • Free tiffany teen video
  • very young hairless pussy videos
  • naked young sweet girls
  • black pregnante women with bigt tits
  • mature young grils
  • Jessica simpson pussy pics
  • wet teen videos
  • met teen blonde
  • Dp sex video
  • teen first gang bang amatuer video
  • fatty ebony pussy
  • xxx nurse video porn
  • john black pics dool
  • Best way to masturbate girl
  • young pussy lo russ
  • xxx sex and pregnancy
  • amanda holding porn video
  • oral sex eduional video
  • xxx adult farm girls
  • Pictures of black girls naked
  • wife young man
  • big black women sex vids
  • japanise girls naked
  • tattoo japanese girls
  • Spanking on sexy ass
  • white wife gangbangs black men movies
  • sweet young thang naked
  • young lotie sex
  • pussy porn i
  • free porn videos domination femdom
  • indian teen girls nude
  • sexy volleyball ass galleries
  • teen sex stat
  • forced lesbian sex bitches
  • black women with massive tits videps
  • sex stories my sisters butt
  • brittany spears flashing picture
  • homemade revenge sex video
  • facts on the black panther party
  • hot naked italian girls photos
  • asians girls lesbians
  • lez lickin pussy
  • first video girls
  • wild cash young girl
  • she revealed her pussy
  • watch threesome video sex free
  • girl sitting on top pictures
  • erotic naked massage women handjob videos
  • shocking mature gallery
  • sexy young teen forum
  • Girls sucking on girls tits
  • joely fisher naked pics
  • Desi indian sexy girl
  • homemade old wife giant dildo videos
  • fat ass white girls
  • sexy white tits xxx
  • young erotic teen pics
  • dy forces daughter sex movies
  • Photos of nude beaches
  • erotic glory pussy hole stories
  • xvideos amateur bukkake
  • large girlfriend boobs
  • girls on beach in painted bikini
  • blonde nude movies
  • youngest girls nude
  • hot sexy hardcore lesbian porn
  • ebony girls amateurs in richmond
  • Sexy mums naked
  • Best photos teens
  • oral sex cause and effect
  • women feeding men pussy cu
  • lotus young asian cuties
  • pussy pumping porn tube
  • illeagal petite xxx
  • massive cock anal sex
  • free realy young little girl porn
  • girls drinking alcohol videos
  • where to post wife pics
  • young son fuck mom
  • youngest looking naughty girls
  • Naked girls in a shower
  • Jan fabre orgy of tolerance
  • black bike pictures in myrtle beach
  • hairy ebony creampie galleries
  • riona rowntree sex video
  • free ebony porn pic
  • hardcore pissing girls
  • freeamature porn movies
  • nude group sex party
  • brittany spears topless pics
  • ebony pulsating pussy ejaculating orgasm
  • fat and mature anal
  • men oral sex salt lake city
  • free amatuer threesome sex homevideos
  • blondes girls black
  • daughter blowjob lesson free video
  • hot chicks gettng anal plugged
  • Teen school girls
  • lesbiaan porn for free
  • petite teen thums
  • top blowjob videos
  • topless sweden girls at the beach
  • guys fuck dead girls
  • imdb female orgasm movies
  • anal sex bound
  • Large anal sex toys
  • my naked girlfriend pics
  • cocks pussy pic gallery
  • sexy young woman hard abs nude
  • glamour teen tv
  • stolen amateur gf videos
  • close up pussy espanol
  • secure sites office girls gallery
  • busty tan girl fuck
  • naked sexy wimen
  • lesbian reality gng
  • ebony hardcore anal
  • free amateur topless girlfriends
  • very young teen porn
  • sex pics videos cheap looking secretary
  • pateite girl black cock
  • cunt pussy pictures breasts
  • black bitch slaps white guy
  • group kissing ass picture
  • porn search amateur
  • video sex men militaries
  • teens hot young cock
  • xxx black and white couples
  • amateur wife interracial
  • old pussy up close
  • free spanking porn pictures
  • why asian girls are hard
  • sexy pictures of asian girls
  • ice ts girlfriend coco naked
  • couples positions movies
  • pa mature swinger xxx videos
  • Passionate sex pics
  • Xxx sexy indian girls
  • Streaming incest sex
  • gangbangs spread pussy
  • male toys in ass videos
  • black ebony teachers tube
  • naked pictures olsen twins
  • teen blonde blowjob movies
  • virtual sex video nina mercedez
  • teenage asian plumpers
  • maiko yuuki pussy
  • gramercy park petite vanity
  • videos free anal girl
  • bent dick porn
  • free cfnm blowjob movies
  • sexy mature soles
  • amateur videos cuckold
  • sexy blonde comics
  • teenage girl sites resource
  • black mature lesbains movies
  • big black butts and stilletos
  • mature secretaries videos
  • free porn video sex movies
  • hot sexy tits redtube
  • Bubble ass video
  • philipino oral sex
  • Teen video xxx
  • black fucking white vids free
  • Young skinny girls naked
  • free pics of big boobs
  • Enemas anal sex
  • tube filipina asian girls
  • girl with ass holes
  • girl bending over naked
  • young teens having sex orgies
  • young bbw girls porn xxx analed
  • hot bikini babe videos
  • ludivine sagnier lil petite lilie
  • hot gujarati aunty xxx sex video
  • wife remote wired pussy bullet videos
  • lesbian sex massage movies
  • inch japanese ass
  • howw to finger a girl video
  • Hot new sex videos
  • free black bondage sex video
  • israel teen sex
  • guy fucks girl orgasm
  • erotic women strip sex movies
  • best friend fuck wife
  • big ebony pussy
  • naughty wife wives
  • elementary student materials black beauty
  • lesbians in school uniform having sex
  • black amber japanese
  • amateur home moms sex
  • best amature video girls
  • video sex hetero free
  • porn host xxx
  • japnese little girl sex
  • Hot girl in india
  • best free porn video downloads
  • size petite stretch
  • Sexy nude girl
  • nude asian teen by mail
  • Hott teen lesbians
  • forced porn tube video