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


 




  • super fine teen nude girls video
  • amateur tight pussy videos
  • cheating mature sex
  • priya ria full movies
  • anal sex health information
  • dick sucking bitch on tape
  • white couple fucks black girl
  • Big tit striptease
  • hot black teen age pussy
  • boy teen sex movie thumbs
  • florida petite tomato days
  • naked girl pictires
  • tubegals young and mature lesbian
  • old pussy fucking movies
  • jassica alba free sex vids
  • Pak hot girls
  • little virgin pussy toplist bbs
  • moms suck dicks
  • Hot bolywood sex
  • streaming amateur xxx
  • rapist cum pussy wife
  • huge boobs free movies
  • lost panties naked video
  • mature firm ass pussy creampie
  • Young anal sex pics
  • hot sexy lesbian black
  • Teen leather bags
  • Usa girls sex
  • sermon topics for young people
  • amateur lesbian coed
  • ashanti butt naked pics
  • madison young fuck free
  • dr laura naked pics
  • Gabriella hall sex scenes
  • shemale blow job pictures
  • high def teen videos
  • teen girls pubic hair pictures
  • hi girl sex
  • Black wet pussy
  • mature woman seducing younger woman
  • innocent teen videos
  • asian graphic pics
  • young and sexy s
  • Sexy girl making love
  • black girls in the hood
  • xxx fuck pics
  • free fuck me hard movies
  • sexy brunette anal creampie
  • free private amateur homevideos
  • free screamer sex video
  • wife trade pics
  • Horny lesbian video
  • asian ladyboys youngest cutest exotic
  • black on black videos
  • teen rossdress gallery
  • celeb pics
  • video of nude girls in australia
  • naked tteenie models
  • amuter sex pics
  • free pics nude fat girls
  • japanese fuck movies
  • anal douching pictures
  • Sex anal milf
  • susan finklestein phillies topless pics
  • mature caning video free
  • stress and teen girls
  • Tits out video
  • girls naked undeage
  • Lesbian strip
  • nasty white teen pics
  • Rihanna video nude
  • free gyneacologist pictures
  • young solder sex
  • teenie bikini pics
  • netherlands teen girls
  • big boobs movies for girls busty
  • drunk college party fuck
  • women suck black strippers
  • sexy young teen girl gs
  • girl dancing like shakira video
  • video sluts fuck guy
  • free fingering girls movies
  • latino thug anal sex
  • forced teens fuck
  • Big ass fuckers
  • German girls
  • sexy naked black guys
  • sexy mature housewives posing nude
  • tight vs wide pussy comparison
  • Trish stratus sex scenes
  • japonese sex videos
  • dirtiest free mature smut movies
  • tahari madison petite
  • pussy fuck jenna haze
  • lesbian hardcore tubes
  • puma black budapest star queen
  • teen sex hound
  • mature fuck young
  • asian big tits fucking pussy
  • naked sexy girl pictures
  • hot girls with big ballon boobs
  • gemma black blowjob
  • free cheating wives
  • bike chicks pics
  • babes video thumbnail
  • naked punshments in nudist beaches pictures
  • free hardcore sucking dick
  • short blonde girls w thick ass
  • jennifer hudson bikini pics
  • biggus dickus wife
  • teen tits blonde
  • young teenie ass and pussy
  • video nasty sex
  • Deshi sexy girl
  • celberity look a like sex videos
  • black pussy gets oiled and fucked
  • milf boobs free pics
  • wife blowjob stories
  • Nude girl on bed
  • Famous nude photos
  • My first sex teacher vids
  • xxx red hair girls
  • sexyy glamour models
  • malaysian sexy teen galleries
  • russian free sex vids
  • mature woman fuck young man
  • nigerian erotic sex
  • lil facial teenies
  • rough sex movies nxx
  • sleeping teens pictures
  • Gaping black ass
  • homemade movies uploads
  • shemale teen masturbating
  • free amateur homemade sites
  • two girls one cup originsl video
  • free best anal video
  • young petite teen pussy
  • le paint petite win
  • plump girls suck cock
  • amature wife free video
  • vanessas naked pics
  • asian blonde lesbian strapon
  • couples romantic sex videos
  • sexy asian maid
  • teenie hardcore movies
  • sexy male butts
  • sexy girls in corsets and suspenders
  • maggie lawson topless pics
  • ebony teen two lips
  • videos of girls fingering themselfs
  • amatuer hardcore housewife
  • Angel locsin sex videos
  • jami gertz naked pics
  • Full sex videos
  • moaning orgasm movies
  • free hollywood moviestar sex tapes
  • petite annonce de rencontre
  • picture of young black rat snake
  • japan hot video
  • mature nude pictures
  • creampie japan schoolgirl
  • nue young teens
  • fuck and free sex videos
  • naked hairy teens pictures
  • Interracial romance fiction
  • mature celebrity pics
  • tivia galleries
  • black chicks massive dildo
  • black man kissing white girll
  • free pierced blonde tube
  • young pussy in missouri
  • nud fucking pictures of teenage girls
  • skinny hot teen videos
  • freecelebrity video
  • lesbian thumbnails mature
  • pics of anal beach
  • nude amature pics blowjob
  • girl and her video
  • asian nude pregnant gallery
  • amsterdam oral sex videos
  • shaved pussy thin
  • passed out fuck girl
  • sexy ebony milfs
  • mature wives wet panties
  • lesbien girls naked
  • girl hawaiian birthday party
  • teens getting fuck at school
  • champion petite workout pants
  • young girl and boy fucking photos
  • Video of lesbians
  • xxx fatasses black girls
  • Indian actress boob slip
  • anime girl having sex with octopus
  • Forced teen fucking
  • free latina teen sex movie
  • russian young handjob movie
  • nicest ass ever fucked free video
  • sex litlle teen model
  • young girl sex blow job blonde
  • hardcore free download amature movies
  • christine young early
  • Lesbian audition
  • girl on girl forced fingering
  • girl sex web cams video
  • forced orgasm tubes
  • pics round butts
  • oral sex forum discussion
  • my wife and an asian brazzers
  • Fuck a girl video
  • long machine fuck vids
  • white man black girl analsex
  • skyy black gallery
  • hot girl accidentally reveals pussy
  • erotic teen labia
  • shaved sex business
  • lindsey dawn movie
  • fuck cunt twat kink
  • ass prolapse pictures
  • hayley williams camera topless pictures
  • kim kardesian sex video
  • adult asian abuse videos
  • free mature vs young erotic stories
  • brook sky sex video
  • do girls shit during anal
  • shemale whores xxx
  • amateur stories wife interracail
  • giant tits deepthroat video
  • dorm sex video webcam
  • genital warts by oral sex
  • mature amateur heterosex
  • what does pussy taste lick
  • adult free movie
  • free big pussy photos
  • free sex video sh
  • freegranny fuck galleries
  • giant black cock in thai girlfiend
  • professional pictures of young models
  • pussy closeup pov
  • black lesbian erotic photography
  • Short sex movies
  • butthole fingering pictures