AJAX tutorial for novices


	AJAX tutorial for novices

l1wulf

12-27-2006 1:08 PM

450 views

tags:

ajax, javascript, web development, html

l1wulf says:

Looks like a nice starting point for those who want to learn a little about AJAX

Add a Comment

Login to Comment. Not a member yet? Sign up

View the Top Clips from December 27, 2006

Embed This Clip In Your Site...

<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/293242f4-af69-4d5d-bd20-c6118e9684ed/142EC889-51FD-434B-BF9C-EDFA8DFD960F/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://www.hunlock.com/blogs/AJAX_for_n00bs" href="http://www.hunlock.com/blogs/AJAX_for_n00bs" style="font-size: 11px;">www.hunlock.com</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.hunlock.com/blogs/AJAX_for_n00bs"><SPAN>AJAX for n00bs</SPAN></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.hunlock.com/blogs/AJAX_for_n00bs"><P>Take a look on the net and you'll see endless pages of <A href="http://www.google.com/search?q=ajax+framework%26ie=utf-8%26oe=utf-8%26rls=org.mozilla:en-US:official%26client=firefox-a">AJAX Frameworks</A>:
libraries which promise to do all the trivial and dirty AJAX work for you, leaving you free to
code without actually understanding how the application you're writing really works.
So lets pull back the smoke and mirrors and see what AJAX is and why it's just a 
simple evolution of client/server tricks Javascript programmers have been doing
since the web was born.
</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.hunlock.com/blogs/AJAX_for_n00bs"><P>Simply put, AJAX is a method for your javascript programs to talk to your server
and send and request data.  There's nothing particularly new about this.   Javascript
programmers have been communicating with the server in the background ever-since
the FRAME tag became available.  So we'll begin learning about AJAX by learning
how things were done before AJAX became buzzworthy. The first thing to do is to set 
up an iframe somewhere on the page.   The IFRAME will call a page on the server 
called <A title="Linkification:%20http://www.hunlock.com/examples/notajax.html" href="http://www.hunlock.com/examples/notajax.html" class="linkification-ext">http://www.hunlock.com/examples/notajax.html</A>.
</P></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/142EC889-51FD-434B-BF9C-EDFA8DFD960F/blog/" title="blog or email this clip"><img src="http://content7.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>

Clipmarks: Home; New Clips; Top Clips; Dashboard

Popular Topics: News; Life; Science; Technology; Entertainment

Get Started: Sign Up; Install Clipping Tool; How Clipping Works; Clip-to-Blog™; ClipSearch

Tools and Resources: FAQ; ClipWeek; Top Clippers; Top Tags; Site Map

About Clipmarks: About Us; Contact; Blog; Copyright; Privacy; EULA

Search Options

Related Clips

More clips from l1wulf

Today's Top Clips