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. […]


 




  • allen iverson wife pictures
  • reality xxx scene
  • naked american teen girls
  • girl young bikini
  • okd young lesbians
  • aarielle alexis anal videos
  • Christian teen video
  • stupid blondes black dicks
  • spreading pussy thumbs
  • teen sex mpegs video
  • hardcore gothic pics
  • Hot people sex
  • big black juicy ass videos
  • young chinesse girls
  • shemale webcams
  • teen planet girls
  • Anal sex story
  • home sex fucking movies
  • sexy girls in thong bikinis
  • mature family sex
  • disney toons videos free
  • soldiers fuck afgan girl
  • 5621220359
  • london fog black raincoat petite
  • sexy blonde shaves
  • mini asian pussy
  • fatt ass bbw pics
  • young girl frist ass fucking
  • large pictures of nude babes
  • Sex xxx
  • free boobs videos
  • creamy japan teens
  • hardcore snowballing free movies
  • free old mom pussy
  • extreme black nipples
  • Bbw sex vedio
  • 8276062408
  • crazy lesbian hottub sex
  • wife fucks video
  • lesbian anal sum
  • female orgasm sex free video
  • house wife force video
  • lingerie glamour girls
  • burnette rub pussy
  • Same sex video
  • lesbian domination sucking tits
  • sexy large chicks with big tits
  • nice teens in bikini
  • anal sex ang warts
  • long thick shemale dicks tube
  • erotic stories free pics
  • sexy nude girls free
  • amateur cfnm pics
  • keeley hazell free sex video
  • Porn sex sexy
  • nudist picture erotic
  • sexy girl has orgasm video
  • girls rubbing g spots
  • young teen girl lolo photos
  • mom video free download
  • Jessica alba nude pictures
  • hien anal sex dangers
  • nude petite teenage girls puffy nipples
  • amateur pictures forums
  • young teens nude ameatur girlfriends
  • young teenage boys only site
  • mature woman movies
  • black men fucking mature women
  • taylor stevens video boobs tits
  • hot homemade cougar movies
  • thai fam sex pics
  • ex girl frend sex pictures
  • Pussy nude pictures
  • 2966925889
  • tight pussy gettin fucked hard
  • naked teen micro skirts
  • free video fuck girl scram
  • lesbian sex tourture
  • shemale thong pics
  • Big indian boobs videos
  • white chicks dark pussy lips
  • uk amateur slut wives
  • 9798297473
  • teen pussy veronika
  • sexy asian videos
  • asian porm movies
  • Lesbian girls making out in bed
  • Black girl shake ass
  • korean girl suck
  • Requiem for a dream orgy scene
  • free black ass women pics
  • free mother daughter facial cum pics
  • girl getting ass fuked by
  • wild extreme sex video
  • girls leg open pics
  • nude teen girls streaming
  • lesbian ebony movies
  • 4097116056
  • black beauty nude women videos
  • free oral sex scenes
  • girl anal vaginal insertion toys
  • sex lessons pussy fuck movie
  • top hot naked girl sex video
  • sexy blowjob slutload
  • adults teaching teens to fuck xxx
  • drunk girls fuckin
  • interacial black cock sex
  • naked black women and white men
  • wife answer door naked
  • Sex girls gallery
  • tatto girl fcuck jacks tiny dick
  • ethnic facial features photo gallery
  • Hot indian aunties sex videos
  • swingers swap o jobs for sex
  • free video shemale aba blowjob
  • sexy young guys
  • homemade blowjob pics
  • free shemale ass sex
  • asian erotica movies
  • spring break nude petite nudes
  • Latinas sexo anal
  • young girl assaulted
  • free amateur oral sex movies
  • Gta nude girls
  • you are sexy beauty jpg
  • girls sexy profile
  • byron bergen girls naked
  • black granny pics
  • free asian pussy trailers
  • high quality erotic nude girls
  • girl looses virginity video
  • petite jogging suits
  • pics of naked women of france
  • Russian teen julia
  • neighbours babes pics
  • 164537179
  • black girl booty
  • hot anime girl lesbians
  • anal stockings vids
  • free online black dicks bbw white
  • chicks with mighty dicks
  • ebony teen nude videos
  • Tiny teens fucked
  • young teen girls pussy fucking
  • asian teens dancing
  • Escaped prisoner roughly fucks scared girl
  • Hot indian girl showing tits in shower mms
  • Teen nipple slips
  • 94920075
  • Charlize theron naked pics
  • sites lesbians
  • asian lesbian culling
  • Nude boobs of katrina kaif
  • video of wild college party girls
  • anal virgin sex
  • anal black ebony pictures
  • naked teen girls vegatable
  • amateur sexy commentaire
  • i strip my wife videos
  • sexy topless models on ftv
  • xxx famous naked women
  • little black cyring girls
  • medium naked girls
  • maids who fuck videos
  • free home group sex videos
  • erotic fuck girls
  • naked mature house wives
  • young man mature woman
  • squirting asian teen
  • 9500306743
  • hard free interracial sex vedio
  • Old tits and ass
  • breasts milk milk sex stories
  • Rate my teen tits
  • mature bushy handjobs
  • Big boobs spanking
  • Brother sister sex india
  • pictures of hardcore womens
  • first time lesbian amateur sex
  • Nude girls vagina
  • sexy naked women on women
  • 195153153
  • German home sex videos
  • mature mastibating vids
  • Vidio sex mahasiswa
  • 4313605633
  • why asian girls like asslicking
  • girls with sex pictures
  • 5303714217
  • early teen girl models
  • age blonde
  • lesbian pussy bumping movies
  • interracial anal hotel
  • video naked jum ing
  • sex france japanese dating
  • teen fatty pussy
  • how make girls show boobs
  • world deformed pussy
  • rebeca linares wet pussy ass
  • she exchanged sex for payment movies
  • 5339065068
  • mature swinging wives
  • how to have threesome sex video
  • erotic black female nudes
  • the hangover movie blowjob
  • wife wins biker pussy contest
  • britney madison anal fuck galleries
  • british teens sweet pictures
  • young girl bsdm
  • Young pics nude
  • black blondes ass
  • exploited black teen majestic hass
  • girls gets fuck
  • teen video galleries
  • amateur video voting
  • teen group sex galleries
  • ebony preview video
  • forced heter pussy plug
  • full size anal cream pie pictures
  • Swollen vagina lip
  • Milton twins lesbian videos
  • homemade xxx mature vidoes
  • free angelique star movies gallery
  • mature group sex party
  • pink pussy drink receipie
  • filthy asian teens
  • erotic boat sex videos
  • young blonde tits
  • filming wife fuck swinger
  • hot strip dancing videos
  • free home made ass fuck movies
  • extreme pussy black girls
  • sex picture guide
  • youngest little models fuck
  • een videos
  • ce lo green music video boobs
  • white ass and black cock
  • teenage girl sex
  • Goth girl pussy
  • amateur free vid
  • cfnm mature young
  • database amateur video
  • resurrection movie japan
  • girl give public handjob
  • hardcore ree high quality vids
  • real blowjob in movie
  • slut wife amateur videos
  • mature sex eduion
  • teen nudist pictures and videos
  • naked busty japanese women
  • Natural boob video
  • nipple sex movies
  • drunk and abused girl videos
  • 6280903819
  • husbands who lick wifes feet
  • eat my dick finger ass
  • video store sex
  • most common wife sex fantasy have
  • whip girl video
  • sexy shamrock girl
  • handjobs by topless women only
  • best voyeur amateur mature pics
  • latino group sex milfs
  • spread blond pussy
  • paulina in focus girl sybian video
  • santa teen girls sex
  • Married couples having sex
  • sex videos of threesomes
  • interracial swinger housewives sites
  • free young home movies
  • erotic film online free
  • asain sex movies
  • Girl shows off her boobs
  • liz vicious ass pussy
  • amateur teen kingdom gracie
  • real girls and amateur and hotties
  • harcore force sex videos
  • mature pictures of nakid ladies
  • moccasin shoes young girls are wearing
  • naked sword
  • Long teen videos
  • ultimate adult handjob pics
  • watch girls gone wild megavideo
  • policewoman sex video
  • Nude glamour teens
  • petite modeling for magazine
  • jassie pussy pics
  • sweetest day wife sex gift
  • hair cut styles for teen girls
  • rihanna ass galleries
  • black drunk fuck
  • pool party
  • dwarf sex movies
  • really young teens fuck hard