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


 




  • azis sen trope download boxca
  • adoro vocA? geraldo azevedo download
  • battle step by step album download
  • 12 godina vrapcici download mp3
  • biggie smalls best of download
  • britannica online dictionary download
  • 4400 download legendado 2 temporada
  • acer emachines e510 treiber download
  • battle realm 3 download
  • bonde da oakley cd download
  • alexander rybak oah download mp4
  • canzone del sole download mp3
  • chaotic download 1 temporada
  • chefe da quadrilha cone download
  • 20 20 free download software
  • brokencyde always go hard download
  • cantando louvor a maria download
  • bibi sanam mp3 free download
  • cinema 4d r13 download german
  • auto download on ipod
  • besplatan kurs engleskog jezika download
  • becoming jane download film gratis
  • acca p1 bpp download
  • cemo volela si download free mp3
  • alex mica mi hermosa download fisierul meu
  • black book .net download
  • canon l120 driver download windows 7
  • apache commons logging 1.1.1 download
  • bailar pegados sergio dalma download
  • cannabis breeders bible rands download
  • boy in striped pyjamas download free
  • brenda lee mp3 download
  • btd zombie x 15 mod download
  • apostila analista inss download
  • brigitte fontaine dance floor download
  • anchorfree download hss win install conduit
  • 4shared download ellie goulding lights
  • bilder wiederherstellen download chip
  • caprica sub ita download
  • barts pe builder download
  • baby ryo mp3 download
  • black book 2 download
  • alcatel ot 710 d free download
  • b2k girlfriend download free mp3
  • animal prints vector download
  • carbon x hd download
  • 360 dev kit download
  • blackberry 8700 software download free
  • alexander rybak download oah
  • cantor cristA?o cifrado para download
  • change of habit download legendado
  • arial mt italic download
  • abcd video songs download youtube
  • beatport download top 100 june
  • blanche neige film 2012 download
  • bella thorne download ttyl xoxo
  • burbenog td download latest version
  • celik yaman sevda mp3 download
  • blue progress bar download
  • blackalicious side to side download
  • a nausea graceland download
  • angra wuthering heights download mp3
  • cirilica za word 2007 download
  • cine te asteapta acasa download
  • chilly gonzales white keys download
  • alcatel ot 708 mini games download
  • borixon nowa pAyta 2012 download
  • blair md itc tt download
  • antonia ft vunk pleaca download girlshare
  • carbide.ui symbian theme editor 4.0 download
  • amarok windows download deutsch
  • bhajan download free in hindi
  • aadmi khilona hai download mp3
  • cara download aplikasi setelah jailbreak
  • addictive drums download beats
  • apparat black water album download
  • ali haider songs download
  • carbonx hd pro 2.2 download free
  • bubble bobble nostalgie gold download
  • canon powershot download to computer
  • becoming a better you download
  • chahat blood money remix download
  • cd universitario sertanejo download
  • amurg de stephenie meyer download
  • cd coral kemuel 2011 download
  • bindiya chamkegi choodi khankegi download
  • bubba kush mp3 download
  • cidadao download ze ramalho
  • broken hearted karmin download free mp3
  • ar rahman one love download
  • bundespolizei virus chip download
  • battle in seattle download avi
  • chrome tries to download search
  • adobe eazel ipad download
  • bojan tomovic rodjendan download mp3
  • bolja si od najbolje download
  • carla bruni l amour download
  • amor electro maquina download gratis
  • 4shared download judika aku yang tersakiti
  • brother mfc 290c printer download
  • besplatna muzika download 2010
  • banu navari natali mp3 download
  • allen carr endlich wunschgewicht download
  • carla morrison download album
  • cleveland show season 3 download
  • can i download ted talks to my ipod
  • 101 barz megasessie download 2012
  • anya marina satellite heart download
  • allen carr's easyweigh download
  • akachan to boku ost download
  • 7554 full version download
  • bajo la luna mp3 download
  • baaba maal hunger mp3 download
  • brejk vo bestraga mp3 download
  • bob robson download cd
  • blondie first album download
  • apple tri tone mp3 download
  • acer e400 games download
  • android tricorder apk download
  • 2300 jackson street mp3 download
  • airlive wl 5460ap v2 firmware download
  • art academy nds download ita
  • cavalieri dello zodiaco sanctuary download
  • cd pamela 2010 download
  • angry birds download telemovel nokia
  • bisoncam nb pro software download
  • arang and the magistrate download episode 11
  • alberto del rio music download
  • born villain download song
  • beastie boys party download
  • azis obicham te download mp3
  • catedral amo mais vocA? download
  • c3 00 nokia pc suite download
  • asus rt n66u download master not working
  • adeel koi chehra mp3 download free
  • amor real gocho download free
  • aleph paulo coelho download ebook
  • bastille weight of living download
  • asus rt n13u utility download
  • canoscan lide 60 download treiber
  • canon mp160 download windows 7
  • a gifted man download 1x09
  • can you download wow on a mac
  • clubdj provj 5 crack download
  • agnieszka chyliAska winna download mp3
  • camworks flex license manager download
  • blackened white album download
  • aventail vpn client download 64 bit
  • chica boom download free mp3
  • addictive drums demo download chip
  • banjo kazooie game download pc
  • bernardo e bianca download dublado avi
  • beste gratis download site
  • barbra streisand download radio edit
  • cloak & dagger riddim download
  • bernard polar bear download
  • a.v.a. download ita pc
  • armin van buuren 2012 download free
  • abhay kannada free download songs
  • carisma light font free download
  • cabecinha bonde do tigrA?o download mp3
  • 7 day ebook sream download
  • canon powershot download pictures mac
  • busybox download for android
  • bruxa de blair 3 download dublado
  • bella thorne ttyl xoxo download mp3
  • cassia eller download por enquanto
  • ben pridmore how to be clever download
  • avg rescue cd iso download
  • allods online download eu client
  • apollyon rising 2012 download ture
  • cadillac dinosaurs game download free
  • book ra 2 download
  • 3120c pc suite download
  • a job from hell tommorrow download
  • achtung die kurve 2 download windows 7
  • canon mp287 drivers download
  • civilization 4 colonization mac download
  • adrian intr un colt de mahala download
  • cd garage 70 download