Need a better code for this Ajax code

Question

Hi all,

Is there another code or a better one for this code:

window.onload = refresh();

function refresh()
{

xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
 {
 alert ("Browser does not support HTTP Request")
 return
 } 
var url="mypage.php"
xmlHttp.onreadystatechange=stateChanged 
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
} 
function stateChanged() 
{ 
 if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 { 
 document.getElementById("div1").innerHTML=xmlHttp.responseText; 
a=setTimeout("refresh()",1000);

}
} 
function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}

I tried a lot to use it for two divs in one page.. but it won't work for twice.. only once, so I want a better code for this thing and that works two times or more in one page, exactly I want it like a function with div id parameter and page too..

Thanks advance..

Answer 1

Why not using some JS framework, like mootools or jQuery?

Answer 2

You should use jQuery for the job, it has a lot of nice AJAX functions.

What you might specifically need is: http://api.jquery.com/load/