AJAX
Get flash to fully experience Pearltrees
XMLHttpRequest is a JavaScript object that was designed by Microsoft and adopted by Mozilla, Apple, and Google. It's now being standardized in the W3C . It provides an easy way to retrieve data at a URL. Despite its name, XMLHttpRequest can be used to retrieve any type of data, not just XML, and it supports protocols other than HTTP (including file and ftp ). To create an instance of XMLHttpRequest , simply do this:
XMLHttpRequest
XMLHttpRequest
Abstract The XMLHttpRequest specification defines an API that provides scripted client functionality for transferring data between a client and a server. Status of this Document
Ajax Quick Start FAQ
Introduction (B) What problem does Ajax solve? (B) What is Ajax? (B) What is the fundamental behind Ajax?
Learn AJAX in 20 minutes
Here is a quick overview and example of AJAX in action. Before you begin, this example will only work in FireFox work in FireFox and IE7 . You’ll have to change few things in the JavaScript for it to work in IE6. To download the files used below click here .
This article was originally written in April 2002, I've decided to fix and update it as the objects finally seem to be getting some popularity. The 2002 version is still available, as are the September 2004 and August 2005 versions. This version January 2006. Internet Explorer on Windows, Safari on Mac OS-X, Mozilla on all platforms, Konqueror in KDE, IceBrowser on Java, and Opera on all platforms including Symbian provide a method for client side javascript to make HTTP requests. From the humble begins as an oddly named object with few admirers, it's blossomed to be the core technology in something called AJAX [ 1 ]. The Object makes many things easier and neater than they other would be, and introduces some things that were otherwise impossible such as HEAD requests to see when a resource was last modified, or to see if it even exists.
Using the XML HTTP Request object
Do you want to build more dynamic, responsive, desktop-like web applications like Gmail and Google Maps? Then this article is for you! It guides you through the Ajax basics and through the process of building a simple Ajax application.
Take Command with Ajax [JavaScript & Ajax Tutorials]
onreadystatechangeForm() triggers sentForm() to re-write the Web page and inform the user that the ecard was either successfully or unsuccessfully sent, depending upon the data returned from the server: function sentForm() { var body = document.getElementsByTagName("body")[0]; body.innerHTML = "<h1>Send someone an e-card from ExampleCo!</h1>"; if (formRequester.responseText == "success") { body.innerHTML += "<h1>Send someone an e-card from ExampleCo!</h1><p>Your ExampleCo e-card has been sent!</p>"; } else { body.innerHTML += "<p>There was an error while sending your ExampleCo e-card.</p>"; } return true; }