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


 




  • asian sexy girls fucking in school
  • brunettes blondes young teens
  • ebony pussy flashers
  • hot teen nude pics
  • hot sexy ass in thongs
  • Pocket pussy videos
  • summer moms fuck videos
  • cute young blond girls
  • fat girls squirt xxx
  • mature oral sexx
  • girls hae orgasm
  • amatuers anal videos
  • good at oral sex
  • Male masturbation homemade
  • free porn movies black bitches fucking
  • vagnal pain after oral sex
  • married wive porn
  • free mature dp movie
  • fuck machine vids
  • amateur teen asshole video
  • heterosexual anal sex rate
  • xxx super nasty pussy
  • pictures of famous black females
  • asian girls shit eating
  • the cheeky girls hq pics
  • petite cazza canada
  • free amature ass pics
  • girl with girlsxxx
  • sexy babes videos spot
  • hott young teen
  • school uniform sex video
  • college girls gymnastic pics
  • yung pussy in tiland
  • single young romanian girls for marriage
  • young girl caught in shower
  • dark shaved girls
  • sheilas s porn pics
  • some asian porn
  • blonde porn wmv
  • Fucking hot sex videos
  • shemales with both pussy and dick
  • african black penis xxx
  • oriental girls naked
  • best pussy lip
  • black and spansh porn
  • young girl fuck gallery
  • porn video ipad
  • college fuck fest anal
  • Iran girl naked
  • Girl orgasm pic
  • unusual fuck videos
  • channel naked office pics
  • black hair blue eyed girl
  • girl ass forum
  • Anna falchi nude video
  • girl cock pics
  • free extremly young porn
  • japanese baby girl
  • punch that pussy
  • father teaches daughter about interracial sex
  • hot pussy backwards
  • female on male oral sex stories
  • teen titan cartoon sex video
  • ass free video streamimg
  • free movies big butt anal sex
  • free anal xxx
  • Rica peralejo nude picture
  • blowjob puke videos
  • videos ebony hand jobs
  • girls masterbating orgasm video
  • brazilian young girls get it on
  • begin position anal sex
  • girls boobs pierced
  • male sex machines movies
  • hardcore sex free pics
  • young amatuer painful teen tube
  • Oblivion naked girls
  • danni girls videos
  • sex slave free video preview
  • women giving handjob to stripper movies
  • naked pics of mary steenburgen
  • teen sex movie gallerys
  • young girls with big breast
  • amateur porn video search
  • free pics of mature woman
  • Shaking ass black
  • nasty old asian pussy
  • anal porn hardcore
  • skinny blonde teen ass
  • you porn sucking pussy
  • hairy girl anal
  • babes teens models
  • anal teen jews pics
  • Free teen boobs videos
  • pictures of anime couples
  • families who have group sex
  • black porn figurine
  • girlfriends first anal story
  • milf amateur video
  • teen mutant ninja turtles movie
  • mature moms young boy
  • Marisa miller nude photo shoot
  • free homemade anal sex movies
  • free minute fuck movies
  • cant orgasm from anal sex
  • japanesse school girl pics
  • tiny thin girl pussy
  • young bakiny pics
  • video girl sits on trailer ball
  • teen boy porn videos
  • home video budapest swingers
  • young teens big boobs nude
  • sexy little girl scouts pictures
  • black girl nude free
  • brianna frost sexy ass
  • Masturbating with dildos
  • black beauty spinning reels
  • asia movie pass milky tits
  • black men havung sex
  • light skined black girl mastubates
  • girls naked in showers gym
  • hot ass fucking movies
  • black girl sucking white cock daily
  • asian wife blonde
  • black sexy tits
  • nude black teens
  • Skinny girls big boobs
  • teen young video pic
  • Hollywood actress sex picture
  • detective prostitute porn movie
  • best asian butt vids
  • smurf porn pics
  • whore wives fucking mature men
  • adult porn anal
  • Nude wives video
  • mature for blacks
  • naked austin girls
  • abused and tortured sex videos
  • japanese videos teens
  • teen sex doll
  • japanese beauties tamlyn tomita
  • Tanushree dutta hot sex
  • russian school girl porn
  • teen girl group shower
  • lubricant sex videos
  • Jack and jill masturbation
  • talledaga camping naked pictures
  • Nude beauty pageant
  • amateur pics hedonism
  • movie sex and the city
  • angelina jolie erotic pics
  • fat naked chubby chicks mature porn
  • teen brutal sex videos
  • young girl kissing
  • indian girls big ass photos
  • black and white jester joker pics
  • red tube hard party amateur
  • Lesbien teen movie
  • teenage horny girls
  • webcam amateur porno gratuit
  • Tila tequila nude sex video
  • black and wite sex
  • gaping fat pussy
  • teen fisting to creamy orgasm
  • free nasty teen galleries
  • Ass anal pics
  • amateur granny pic galleries
  • Yaoi sex scene
  • thumbnails girl in bikini
  • Nylon teen feet
  • turtle king asian geisha girls
  • porn mature videos free
  • sexual orgasm ebony babes
  • sex and death movie
  • petite fleece robe
  • free young teen girls in thongs
  • fuck girls now at your place
  • hot sexy interracial romance story
  • hot babes in yoga pants pics
  • spread little pussy
  • Xxx big pussy
  • babes having sex in shower
  • Pictures sex girls
  • porn videos office secrets
  • cherokee d ass having anal sex
  • Lesbian nude video
  • naked brothers band pics
  • hardcore group sex videos
  • long free nude teen sex movies
  • coed sex pics
  • blonde fingers wet pussy
  • high heals lingerie pussy
  • big wey ass xxx
  • Exploited teen movie
  • indian sex girls to fuck
  • black haired tits
  • share my wife porn pics
  • hardcore cunt movies long
  • video massage sex
  • teen butt crack out of jeans
  • Ali landry nude photos
  • free kinky mature movies
  • sexguide how to suck
  • free vintage fuck galleries
  • girl suck cock socks
  • doctors having sex with teen girls
  • mature man anal
  • lesbian sex yutube
  • free young teen innocent porn
  • erotic nude videos pictures
  • wet throbbing pussy pics
  • video of first orgasm
  • fat ass whore movies
  • big boobs college home video
  • mature british galleries
  • pictures of blonde men headshot
  • pussy lone member service picts
  • petite and cassidy gifford
  • vintage porn movies and adult movies
  • erotic sex boy stories
  • old dicks mature pussies thumbs
  • young candid nudist girls
  • sex dragonball z naked
  • xxx mature vs seduction
  • pumped pussy lips porn
  • Naked asian girl videos
  • petite girl ds
  • Teacher fuck girls
  • s m porn video
  • c teen babes
  • nice panies ass picture
  • petite teenie mania password
  • the sweetest girl video
  • free long wife masturbation movies
  • anal sex video trailers
  • daily big boobs videos
  • large milf boobs stocking movies
  • alternative teen sex
  • flower girl basket black satin
  • Naked teens with big boobs
  • forced shower sex asian
  • softcore legs butts galleries
  • vaginal discharge in young girls
  • free paris hilton sex video all
  • free tits lactation video
  • old wives tale boy or girl
  • philadelphia roller girls pool party
  • teen drunk sleep xxx
  • indian girls licking pussy
  • mature on young lesbians porn
  • lia may pussy
  • lesbian pussy licking photos
  • naked blonde petite
  • black cuck wife
  • free teen bbs porn videos
  • young sexy naked women
  • sexy ho orgasm
  • Black girls fucking
  • hardcore porn job nyc
  • funny girls hot pictures
  • black magic porn
  • beautiful naked blonde lesbians making love
  • Big boobs hardcore
  • nude teen gets caught on video
  • Plumpers with big tits
  • Anal creampie gallery
  • ugly chicks being sexy
  • vollyball girl ass
  • Burton cummings video
  • shelton girls naked
  • home video porn tube
  • Jenna jameson lesbian sex
  • Ass licking lovers
  • hot redhead teen amateur
  • closeup of pussy pictures
  • nice sweet slow wifely blowjob
  • Sexy tattoo girl
  • real young teen ass
  • loud female orgasm free video wife
  • blonde fury porn
  • first time japan anal
  • teen girlfriend videoss
  • shy girl asian porn
  • sex for wife video
  • Malay hot girl
  • women petite dress pants
  • Girls with glasses nude
  • skinny teen sex emo
  • Girls licking cum
  • hot big boob black girls
  • mrs wife sex
  • young girls minors porn
  • suck pussy powered by phpbb
  • Pakistani pussy girls
  • msnbc beach party girls
  • naked phillapean teen girls
  • wife begs for big black cock
  • my pics tits gf
  • Hot girls in bath
  • sexy naked emo girl
  • illegal young gallerys
  • porn vids tila taqela sound
  • bondage toy pussy
  • hot asian girls on video
  • mature nude pictures over
  • you tube hot pussy
  • new interracial pornstars
  • Bengali couple having sex
  • hot babes nude free xxx
  • sheryl my sexy wife
  • top rated black movie
  • naked girls havingsex
  • Interracial fuck fest
  • asian junior model pics
  • popular teen girl
  • girls pay for sex
  • young looking blonde fucked
  • Hot girls playing with pussy
  • fantastic teen facial videos
  • large cock tight pussy
  • teacher young pussy
  • panty pussy pictures
  • Native american indian nudes
  • free style teen porn videos
  • Young blonde tits
  • young girl baby oil
  • hot sexy girl ass
  • Sex hard cor
  • wet onion pussy
  • pigtails shemale movie
  • anal teen xx viedos
  • young teens film themselves fucking
  • big dick sex stories
  • free video women fingering pussy
  • hot china pussy
  • free porn videos indian
  • teen lake party cove missoury
  • teen dorm sex galleries
  • organza petite totes
  • boy gives girlfriend sex
  • advice for women concerning anal sex
  • who has the prettiest pussy
  • free arab porn galleries
  • perky black t tits
  • lesbo butt sex
  • younger babes video from india
  • free wife masturbating video
  • watch naked kid video
  • ethnic porn sites
  • huge tits teacher videos
  • Hot pizza girl
  • busty blonde lesbian strapon anal tube
  • karen dreams sex pictures
  • lick my pussy dy
  • anal ebonyt sex
  • sex videosbig clit
  • wet pussy wife
  • girl butt videos
  • oral sex partner photographs
  • free very young virgins porn videos
  • black and white photography girls
  • bessie coleman as a young girl
  • blonde mature russian young guy
  • Sexy emo teen
  • what drives girls to do porn
  • cubscout mature sex stories
  • black round booty movies
  • Atk pussy pics
  • zebrz movie sex
  • blonde girls in bikinis giving blowjobs
  • youngest asian ass
  • video sex kimberly kato
  • wet handjob videos
  • Teenage girls sex video
  • Movie sex vids
  • lesbian pussy tribbing
  • teen sex porn and pussy
  • girl ejaculates porn
  • lesbian porn mature young
  • Small big boobs
  • black lesbo porn vids
  • teen girls pussy free movie
  • girl with toothbrush up ass
  • video young couples
  • busty petite girl
  • rebecca loves pussy
  • mature mastubation videos
  • Amateur home videos sex
  • young latin girl sex
  • body painting girls pictures erotic
  • squirty cream insertion pussy
  • thai erotic massage videos
  • old asian women handjobs pornhub
  • asian ladyboys video
  • hot and boobs and sexy
  • young black professionals
  • spring break fuck video
  • barely legal anal blonde
  • sexiest porn movie of all time
  • free chinese girls gallerys