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


 




  • full free sex vids
  • couples sexy sex life
  • lesbians pussy fun
  • hardcore anal bbw photo galleries
  • kira reed sex video as cop
  • japan news facial
  • how to have bi anal sex
  • naked bunny girl
  • milf interracial pictures
  • phat ass black booty trailers
  • submissive wife used condom pictures
  • black mature babes video
  • japanese hardcore movies
  • Indian actresses nude pictures
  • true beauty gallery
  • sex scene in kick ass
  • girls for live sex
  • erotic lit anal bondage
  • mature sex story
  • hot lesbians sucks tits
  • mature fat pussy latinas
  • g video mature cam
  • teens sex video quicktime
  • strappon lesbian sex
  • fucked up handjob pics
  • obama girl naked pics
  • free gross girl
  • blindfold wife surprise black
  • japanese busty bikini
  • teen girl taking cock
  • naked striper pics free
  • bustnow exploited black teens
  • black star tattos foot girly
  • how to make amateur
  • young teen horny sex videos
  • naughty japanese naked women
  • asian girl with huge rack
  • Teen video bbs
  • vanessa hudhens naked pics
  • allyssa milano hairy butt and pussy
  • amateur young couple slutload
  • bdsm lesbian pussy clamp
  • shemale movies free
  • anal jiggly girls hentai
  • free with humungas dicks
  • how to fuck your friends girl
  • hentai blowjob picture booth
  • wet girls with big tits
  • clearance petite sweaters
  • fuck from behind black
  • young horny hot teen pussy
  • black natural pussy
  • girl and bi male pics
  • videos of young girl using dildo
  • picture of mark cubans wife
  • Nude models male
  • cute butt picture
  • free closeup xxx pics
  • ebony couples having sex youjizz
  • anal licking rim job
  • Korean girls fucking
  • teen girls nuce
  • free stories of lesbian orgasm denial
  • Lesbian licking pussy pics
  • ebony brutal blowjob
  • big boob asian star
  • teen holly fucked masseuse sex sims
  • ass and pussy ass and pussy
  • young ass forced
  • fre amateur housewife
  • achieve multiple male orgasm with pictures
  • Pussy pump sex
  • free asian anal sex pics
  • tricia helfer naked playboy pics
  • ashely from charm school naked pictures
  • asian pictures thumbs
  • teen cam girls jasmin
  • women wrestling interracial picturec vids
  • Sexy girls hot
  • Ass fucking positions
  • pretty naked girl thumbnails
  • old young woman picture
  • free movies home made
  • stars do an amateur
  • videos grannies having sex
  • xxx dvd downloads
  • Teenage pussy videos
  • Adult sex toy xxx
  • s m bondage hardcore sex
  • chinese young shemale sites
  • Petite teen movie free
  • asian nun movie
  • downlaod free video
  • How to masturbate for male
  • Hottest sex scenes of hollywood
  • Adrienne barbeau nude video
  • cute asian amayure girls
  • matures fingering videos
  • marry my sex kittins movies
  • naked chita girls
  • ebony sex picture gallrys
  • Chubby teens thumbs
  • free video girls with s
  • erotic movie torrent
  • free psp brunette movies
  • Cody cummings star
  • tight young girls pics
  • brandi belle blowjob movies
  • see sex hardcore for free
  • Big juicy rican ass
  • Big white wet ass
  • anal girls felching
  • blonde lesbian teen pictures
  • fuedal japan
  • mature couple homemade first time anal
  • womens nipples movies
  • shy sexy wife stories
  • free xxx sex videos s
  • pee amateur movie
  • hot german girls fucking video
  • german blonde teens
  • retard sex movies
  • sexy blonde girl gives amazing bj
  • sex xxx video thumbs
  • black cock impregnated wife
  • free vids on
  • free pics big boob amateur teens
  • latvian virgins young
  • illegal young boy pics
  • women finger fuck hairy pussy
  • sex hardcore gallery
  • teen galleries thumbs
  • free women sex videos and
  • emote girl blowjob video
  • hardcore sexy videos
  • women only free mature pictures
  • sex oral free boob
  • very young homemade tight pussy fuck
  • lesbian group pussy picture gallery
  • free amateur wife posts
  • hardcore anal shemale
  • Sexy college girl videos
  • webcam girls hot show video files
  • young teen jerk off cum
  • xxx extremely young teen
  • girl have sex with
  • chicks kissing pics
  • oral sex hotto videos
  • sexy blonde babe
  • free sporty girls xxx
  • two minute sex videos
  • black lacy lingerie gallery
  • russion anal sex
  • teen big anal
  • black dicked brides
  • video shower half asian
  • how to orgasm during sex
  • Football in pussy video
  • babes anal insertion
  • spice girls karaoke video collection
  • full length amateur sex
  • young teen whale tail galleries
  • my wifes sloppy pussy
  • black pussy gangbang movie
  • very young vids
  • tommy anders naked star
  • picture view young
  • black handjob cumshot
  • free gaint teen tits videos
  • blonde woman in safety dance pics
  • Shaking ass
  • little girl hair cut pictures
  • upskirt mature vids
  • girl havin nude sex
  • best celebrities sex scenes video
  • kat young pussy
  • Sexy european teens
  • free anal fingering movie
  • basehunter girl sex tape
  • busty girls fingering pussu
  • blonde lesbian orgy tube
  • movie and american teen and
  • eating my stepdaugthers pussy
  • teen babes movies
  • tribal girls naked
  • homemade college girls pics
  • pregnant wife nude gallery
  • Hot movie girls
  • susan wife vids
  • black girl ass fuck hard
  • redtube girl having orgasm
  • vagina penis fuck videos
  • seniors group sex
  • swimsuit girls dressing rooms video
  • lesbians shaved pussy
  • naughty teen strips completely nude video
  • youngest girl in tinyt bikini
  • older woman sex pics
  • dp girls sexy threesome
  • perfect girls fingering
  • black celebritie
  • tata young sexy naughty bitchy remix
  • Nude models movies
  • vanessa anne hudgens post naked pics
  • tiny sexy teen
  • jillian beyor naked videos
  • free naked female vids
  • naked girls on tracks
  • black hair to blonde streaks
  • boys and girls having real sex
  • hardcore gie style
  • barely there bikini videos
  • pulsating wet pussy closeup pics
  • hustlers erotic video
  • freeanal stories
  • teen sex realityh
  • Pictures of sexy hot girls
  • burglary gone wrong girl fucked hardcore
  • humming blowjob videos
  • orgasm on vibrating machine video
  • couples sex art pics
  • hiphop videos
  • synopsis kiss the girls movie
  • older man with teen sex
  • Chen sex photos
  • girls under xxx
  • polish girl sex with delivery boy
  • plus sized teen babes
  • anal black fat pussy
  • vintage group sex
  • orgy anal teen
  • my first sex teacher videos
  • top video sites
  • stars naked graphy
  • pics soft hardcore
  • hot jewish pussy
  • blowjob free streaming
  • young pussy felching
  • huge cock in ass anal
  • video newstar dianna sex
  • video topless pool vegas
  • moaning girlfriend orgasm videos
  • forced japanese shemale school girl
  • big tits anal milfs
  • rate bikini girls
  • group sex creampie free
  • shemale midget fucking girls
  • sexy stockings free pics
  • amateur skinny blonde nude video
  • teen thing galleries
  • teen anal black cock tube
  • sexy amateur women posing nude
  • black snake pictures
  • women big boobs nipples pics gallery
  • nude pictures of real cute girls
  • oral sex parties in london
  • japanese busty babes
  • Pam anderson naked pics
  • teen blond ice cream fuck
  • free sex vids in skirts
  • Bryce dallas howard nude video
  • teen young naked
  • sexy girls gyrating
  • girls in bed having sex
  • Skinny sex videos
  • women bikini gallery
  • teen shemale hardcore
  • Post op pussy pics
  • schoolgirls fuck forums
  • pictures of young actress vanessa hudgens
  • japan photos women thumbnail beauties
  • eating her pussy out
  • slutload fat cock in my pussy
  • sex party rv
  • rap music video
  • jessica young naked