Ajax Events


Prev Tutorial Next Tutorial

Ajax Events

The onreadystatechange event

When a request to a server is sent, we want to perform some actions based on the response.
The onreadystatechange event is triggered every time the readyState changes.
The readyState property holds the status of the XMLHttpRequest.
Three important properties of the XMLHttpRequest object:

PropertyDescription
onReadyStateChangeIt is called whenever readystate attribute changes. It must not be used with synchronous requests.
readyStaterepresents the state of the request. It ranges from 0 to 4.
  • 0: request not initialized (open() is not called.)
  • 1: server connection established (open is called but send() is not called.)
  • 2: request received (send() is called, and headers and status are available.)
  • 3: processing request (Downloading data; responseText holds the data.)
  • 4: request finished and response is ready (The operation is completed fully.)
status200: "OK"
404: Page not found

In the onreadystatechange event, we specify what will happen when the server response is ready to be processed. When readyState is 4 and status is 200, the response is ready:

Syntax

xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }

Prev Tutorial Next Tutorial

Google Advertisements

Download Projects

Google Adsense Advertisements

Buy 3 Year Old Domain, Tutorialday.com, SeosmoTools.com @$200

Buy This Ad Space @$50 per Month, Ad Size 300X250 Contact on: hitesh.xc@gmail.com WhatsApp no. 8882538826

Yahoo Advertisements