XMLHttpRequest的空響應

Question

在我的Java Web應用程序中，我正在調用ajax請求，如下所示。

<script type="text/javascript"> 
function selectTableHandler() { 
    console.log("indise selectTableHandler"); 
    var xhttp = new XMLHttpRequest(); 

    var selectedTable = document.getElementById('selectTable').value; 
    alert(selectedTable); 
    xhttp.open("GET", "populateTableColumList.action?tablename=" 
      + selectedTable, true); 
    xhttp.send(); 
    console.log(xhttp.responseText); 
} 
</script> 

該操作正在調用並返回狀態碼200，如下所示。

Remote Address:[::1]:8080 
Request  URL:http://localhost:8080/ReportBuilder/populateTableColumList.action?tablename=films 
Request Method:GET 
Status Code:200 OK 

但是，它給出了XMLHttpRequest的空響應。該行console.log（xhttp.responseText）;什麼都不打印。另外，控制檯日誌中沒有錯誤。

任何建議，將不勝感激。

感謝

Answer 1

您需要添加一個回調函數來獲取Ajax請求的結果。

xhttp.onreadystatechange = function() { 
    if (xhttp.readyState == 4 && xhttp.status == 200) { 
    console.log(xhttp.responseText); 
    } 
} 

Answer 2

你的Ajax請求是異步的。這意味着它會在一段時間後返回結果。您需要安裝onload或onreadystatechange的事件處理程序才能獲得結果。

有大量的Ajax教程就如何做到這一點。這裏有幾個有用的參考資料：

https://developer.mozilla.org/en-US/docs/AJAX/Getting_Started

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest

Answer 3

如果你想使用香草JS，你必須重視的事件處理程序onreadystatechange將處理響應，但我的建議，而不是使用香草JS，使用庫如jQuery來啓動ajax請求。它會更容易，並且在所有類型的瀏覽器上運行都沒有問題。見here。如果你想香草JS，這裏是一個示例代碼段：

xhttp.onreadystatechange = function() { 
     if (xhttp.readyState == XMLHttpRequest.DONE) { 
      if(xhttp.status == 200){ 
       console.log(xhttp.responseText); 
      } 

     } 
    }