我无法让我的ajax显示/功能

时间:2017-07-10 00:12:05

标签: javascript ajax

我是ajax的新手。我无法理解我的浏览器忽略了我的代码的原因。我使用xampp作为我的服务器,但在我看来,问题与我的浏览器和XMLHttpRequest有关。我不确定,只是想在我的浏览器上显示我的ajax以便显着进步。

这是我的代码:

var xmlHttp = createXmlHttpRequestObject();

function createXmlHttpRequestObject(){

  var xmlHttp;

  if(window.ActiveXObject){

      try{
          xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
      }catch(e){
          xmlHttp = false;
      }else{
          try{
              xmlHttp = new XMLHttpRequest();
          }catch(e){
              xmlHttp = false;
          }

      }


  }
  if(!xmlHttp){

      alert('Cant create that object hoss');

  }else{

      return xmlHttp;

  }

}

function process(){

  if(xmlHttp.readyState == 0 || xmlHttp.readyState == 4){

      food = encodeURIComponent(document.getElementById("userInput").value);
      xmlHttp.open("GET","index.php?food=" + food,true);
      xml.onreadystatechange = handleServerResponse;
      xmlHttp.send(null);         

  }else{

      setTimeout('process()',1000);

  }

}

function handleServerResponse(){

  if(xmlHttp.readyState == 4){

      if(xmlHttp.status == 200){

          xmlResponse = xmlHttp.responseXML;
          xmlDocumentElement = xmlResponse.documentElement;
          message = xmlDocumentElement.firstChild.data;
          document.getElementById('underInput').innerHTML = 
          "<span style='color:blue'>" + message + "</span>";
          setTimeout('process()',1000);

      }else{

          alert('Something went wrong!');

      }  


  }

}

我真的需要你的帮助。

0 个答案:

没有答案