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); 
      } 

     } 
    }