In this tutorial, you'll be introduced to Ajax, a technology that allows you to send these requests through small JavaScript calls, meaning the user doesn't have to wait for the page to refresh.
AJAX allows you to make a call to an http server (typically an RSS feed or a webpage), get it’s content and load them into your existing page without having to refresh the whole page. This means that services like email don’t have to reload the whole page everytime you click a message, saving on bandwidth (loading the header/footer all over again) and making things more efficient.
Ajax is also a dangerous technology for Web developers, its power introduces a huge amount of UI problems as well as server side state problems and server load problems. I�ve compiled a list of the many mistakes developers using Ajax often make.
This is an example of a good use of Ajax, and at the same time keeps it simple. It is a zip code verifier. As soon as the person enters the zip code it makes a request to the server to see if the zip code is in the database, and returns the city and state.
The goal of this Ajax example is to allow a user who is registering for your site to see if the username they want to use is taken already or not, without having to submit a form and reload the page.
In this article, the first of three parts, you will start creating a simple web-based POP 3 client using AJAX, which will use "XMLHttpRequest" objects to retrieve messages from a mail server.