Latest web development tutorials

Introduction to AJAX

AJAX is a without having to reload the entire web page, it is possible to update parts of the page technology.

You should have basic knowledge

Before you continue, you need to have a basic knowledge of the following understanding:

  • CSS
  • JavaScript / DOM

If you want to study these subjects first, please our home page to access these tutorials.

What is AJAX?

AJAX = Asynchronous JavaScript and XML.

AJAX is a technique used to create dynamic web pages quickly.

By performing a small amount of data exchanged with the server in the background, AJAX can make asynchronous page updates. This means that without reloading the entire page of a section of the page is updated.

Traditional web page (do not use AJAX) If you need to update the content, you must reload the entire page surface.

There are many applications that use AJAX Case: Sina Weibo, Google Maps, happy, and so on.

AJAX works


AJAX is based on existing Internet standards

AJAX is based on existing Internet standards, and they are used in combination:

  • XMLHttpRequest object (to exchange data asynchronously with a server)
  • JavaScript / DOM (information display / interaction)
  • CSS (custom style to the data)
  • XML (as a data format conversion)

lamp AJAX applications and browser and platform-independent!

Google Suggest

In 2005, Google, through its Google Suggest AJAX has become so popular.

Google Suggest uses AJAX to create highly dynamic web interface: When you enter a keyword in the Google search box, JavaScript these characters will be sent to the server, which then returns a list of search suggestions.

Today started with AJAX

AJAX based on existing standards. These standards have been used for many years by most developers.

Please read the next chapter to see how AJAX works!