在Ajax中打開網頁並檢查雕像代碼

Question

我有一個代碼應該檢查頁面是否被加載，然後提醒我狀態。 出於某種原因的代碼不起作用。 如果你能看看它並告訴我我做錯了什麼，我將不勝感激。 尋找答案！

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("Error"); 
    } 
    else{ 
    return xmlHttp; 
    } 

} 
function process(){ 
    if(xmlHttp.readyState==0 || xmlHttp.readyState==4){ 
     xmlHttp.open("GET", "djhgkjshgkjsd.com", true); 
     xmlHttp.onreadystatechange = handleServerResponse; 
    } 
    else{ 
     setTimeout('process()', 1000); 
    } 
} 

function handleServerResponse(){ 
    if(xmlHttp.readyState==4){ 
     if(xmlHttp.status==200){ 
      xmlResponse = xmlHttp.responseXML; 
      alert("Hi..."); // This is just to test where my code fails 

     }else{ 
      alert('Something is wrong!'); 
     } 
    } 

} 

Answer 1

這裏有幾個問題。

主要的是你永遠不會send()的HTTP請求。

但是，你有一些其他問題：

• 你永遠不會調用process
• 您是輪詢readyState的而不是使用readystatechange事件處理程序
• 你只是當readyState分配readystatechange處理器已經是0（失敗）或4（完成），所以它永遠不會被調用
• 你有什麼看起來像一個絕對的URI，但
  • 該方案（例如， http://）丟失
  • 你會遇到同源策略限制試圖訪問有關其他域中的數據

一個清理你的代碼的版本可能是這個樣子：

// I've removed the code to support IE7 and earlier. 
// Those browsers are dead and the approach you were using was 
// poor anyway (it prioritised non-standard approaches over 
// standard instead of the other way around); 

var xmlHttp = new XMLHttpRequest(); 

// Warning Cross-Origin request. The server must grant permission 
// for your site to access the data using CORS for this to work 
xmlHttp.open("GET", "http://example.com", true); 

xmlHttp.onreadystatechange = handleServerResponse; 
xmlHttp.send(); 

function handleServerResponse() { 
    // Use a local variable. Globals are horrible 
    // and work poorly with event driven programming 
    var xmlResponse; 
    if (this.readyState == 4) { 
     if (this.status == 200) { 
      xmlResponse = this.responseXML; 
      alert("Variable populated"); 
     } else { 
      alert('Something is wrong!'); 
     } 
    } 

}