>All Tutorials 
Ajax and .NET Ajax and .NET RSS XML
Ajax and ColdFusion Ajax and ColdFusion RSS XML
Ajax and Java Ajax and Java RSS XML
Ajax and PHP Ajax and PHP RSS XML
Ajax and SOA Ajax and SOA RSS XML
Ajax Goodies Ajax Goodies RSS XML
Ajax Tool Ajax Tool RSS XML
Facebook MockAjax Facebook MockAjax RSS XML
Google Web Toolkit Google Web Toolkit RSS XML
JavaScript Framework JavaScript Framework RSS XML
Ruby on Rails Ruby on Rails RSS XML
Technique Introduction Technique Introduction RSS XML
Without XMLHttpRequest Without XMLHttpRequest RSS XML
Yahoo! UI Yahoo! UI RSS XML

AJAX for n00bs - ajax data server set url function object call

 
Registered tutorials: 501
Registered Users: 38304



Rating: 0 out of 0 votes cast


  
Category: Technique Introduction

AJAX for n00bs

Digg this   Post to del.icio.us

Abstract: This tutorials is a good introduction to Ajax. It shows how to provide Ajax-like functionality with IFRAME and what is the difference between IFRAME approach and classic Ajax

Take a look on the net and you'll see endless pages of AJAX Frameworks: 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.

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 http://www.hunlock.com/examples/notajax.html.

<IFRAME src="http://www.hunlock.com/examples/notajax.html" name="serverData"  width=200 height=50 style='background-color: #DDDDDD'></iframe> 
Here is the complete source of notajax.html:
<div ID='feedback'>Hello World!</div>

Read Full Tutorial...



Reviews:

Rate and Review This Site

No reviews yet


Statistic Information About this Resource:


Total Hits: 49
Unique Hits: 43


  Daily Weekly Monthly
  Unique Total Unique Total Unique Total
Average 0.2 0.3 0.2 0.3 1.4 1.9
Current 0 0 2 3 0 0
Previous 0 0 0 0 2 3
Feb 27 1 1 0 0 0 0
Feb 26 0 0 0 0 2 2
Feb 25 0 0 0 0 0 0
Feb 24 0 0 0 0 3 5
Feb 23 1 2 0 0 2 2
Feb 22 0 0 0 0 1 1
Feb 21 0 0 0 0 2 2
Feb 20 0 0 0 0 2 4
Highest 2 2 4 4 5 5


Script Execution Time: 0.50701 | SQL Queries: 10 | Members: 501
Ajax Tutorial Top List - Powered by Aardvark Topsites PHP 5.1.2