AJAX Script slow

[NetworkGhost]

Got a quick question. Got some slowness in my javascript that I dont experince when I go to the page itself. Hopefully someone can point me in the right direction:

Here is the script:

var xmlHttp

function showResult(str)
{
if (str.length==0)
 {
 document.getElementById("livesearch").
 innerHTML="";
 document.getElementById("livesearch").
 style.border="0px";
 return
 }

 xmlHttp=new XMLHttpRequest();
if (xmlHttp==null)
 {
 alert ("Browser does not support HTTP Request")
 return
 }

var url="livesearch.php"
url=url+"?q="+str
xmlHttp.onreadystatechange=stateChanged
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}

function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 {
 document.getElementById("livesearch").
 innerHTML=xmlHttp.responseText;
document.getElementById("loading").
 innerHTML="";
 }
else {
 document.getElementById("loading").
 innerHTML="<img src='121339176329.gif' height='400' width='400' >";
}
}

When I render the URL the script is calling it loads quite quickly. When I use the javascript AJAX method it takes a few seconds. Was wondering if there is something Im missing or a better way to accomplish.

http://www.wr-mem.com

 

[NetworkGhost]

By slow I mean:

Using the script takes about 4 seconds, no script and direct to the page takes about 2

http://www.wr-mem.com

 

[grtammi]

You could try creating one reference to each element on the page; this may speed things up a bit for you.

Something like this;

var xmlHttp = new XMLHttpRequest() ;
var livesearch = document.getElementById("livesearch") ;
var loading = document.getElementById("loading") ;

function showResult(str)  {
  
  if (str.length==0) {
    livesearch.innerHTML="";
    livesearch.style.border="0";
    return ;
  }

  if (xmlHttp==null) {
    alert ("Browser does not support HTTP Request") ;
    return ;
  }

  var url="livesearch.php?q="+str ;
  xmlHttp.onreadystatechange=stateChanged;
  xmlHttp.open("GET",url,true) ;
  xmlHttp.send(null) ;
}

function stateChanged() {
  if (xmlHttp.readyState==4) {
    livesearch.innerHTML=xmlHttp.responseText;
    loading.innerHTML="";
  } else {
    if (xmlHttp.readyState == 1) {
      // initialized ... show loading image once
      loading.innerHTML="<img src='121339176329.gif' width='400' />";
    }
  }
}

Greg