phpeveryday.com

The method like this.

function handleRequestStateChange()
{
  myDiv = document.getElementById("myDivElement");

  if(xmlHttp.readyState == 1)
  {
    myDiv.innerHTML += "Request status: 1 (loading) <br/>";
  }
  else if (xmlHttp.readyState == 2)
  {
    myDiv.innerHTML += "Request status: 2 (loaded) <br/>";
  }
  else if (xmlHttp.readyState == 3)
  {
    myDiv.innerHTML += "Request status: 3 (interactive) <br/>";	
  }
  else if (xmlHttp.readyState == 4)
  {
    if(xmlHttp.status == 200)
	{
	  try
	  {
	    response = xmlHttp.responseText;
		myDiv.innerHTML += "Request status: 4 (complete). Server said: <br/>";
		myDiv.innerHTML += response;
	  }
	  catch(e)
	  {
	    alert("Error reading the response: " + e.toString());
	  }
	}
	else
	{
	  alert("Problem retrieving data:\n" + xmlHttp.statusText);
	}
  
  
  }
  
}

In this code, in every steps, we will write to browser what happen. For see result of our practice, please read next post.