无法在 javascript XMLHttpRequest 中接收来自 java 服务器的响应

Question

这是我的 javascript 代码

    <script type="text/javascript">
startingListener();
function startingListener() {
  setInterval(function(){
    var xhr = new XMLHttpRequest();
    xhr.open("GET", "http://localhost:32081/", false);
    xhr.send();           
       var result = xhr.response;
       console.log(result);
     }
  }, 100);
}
</script>

还有我在 Java 上的服务器

public static void main (String... args) throws IOException, Exception {
String clientSentence;
     ServerSocket welcomeSocket = new ServerSocket(32081);

     while(true)
     {
        Socket connectionSocket = welcomeSocket.accept();
        BufferedReader inFromClient =
           new BufferedReader(new InputStreamReader(connectionSocket.getInputStream()));
        PrintWriter outToClient = new PrintWriter(connectionSocket.getOutputStream(), true);

        clientSentence = inFromClient.readLine();
        System.out.println("Received: " + clientSentence);
             System.out.println("begin");   
             outToClient.println("fu");
             System.out.println("Received: done");

     }
}

我只想在 JS 中接收答案字符串并进一步使用它。

所以当我运行服务器并运行 JS 时，它们已连接，并且我在 IDE 中从 JS 接收到 send()

之后，我在 Java 控制台中看到 begin 和 done 收到，但在浏览器控制台中我没有看到任何答案和脚本刚刚处理。我做错了什么？

感谢您的帮助

Answer 1

您的客户端代码缺少状态更改处理程序，并且使用 100 毫秒的 setInterval 对服务器来说非常繁重。这是一个更好的JS。您的 JAVA 问题是另一个问题。反对者：发表评论

function listener() {
  var xhr = new XMLHttpRequest();
  xhr.open("GET", "http://localhost:32081/", false);
  xhr.onreadystatechange = function () {
    if(xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
        console.log(xhr.responseText);
    }
  }
}

listener();

如果你想重复调用监听器，你可以这样做

function listener() {
  var xhr = new XMLHttpRequest();
  xhr.open("GET", "http://localhost:32081/", false);
  xhr.onreadystatechange = function () {
    if(xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
        if (xhr.responseText != "done") {
          console.log("server still busy");
          setTimeout(listener,1000); // repeat the call
        }
        else {
          console.log("finally done");
        }
    }
  }
}