javascript - 如何保持从服务器获取响应？ (PHP、JS、HTML)

Question

<!--index.html-->
<script>
  function work()
  {
    var ajax = new XMLHttpRequest();
    ajax.open("POST", "doWork.php");
    ajax.send("doIt");           
  }
</script>
<button onClick="work();" />

，

<!--doWork.php-->
<?php
  echo "Loading...";
  hardWork1(); // or maybe sleep(10);
  echo "Completed number xxx";
?>

嗨，我想从服务器按顺序获取两条或更多消息。

如上面的代码，例如“Completed Number xxx”之前的“Loading...”。

我是否必须在第一个 AJAX 回调中添加另一个 AJAX 发送？

Answer 1

你想要这样的东西吗？

<div id="content">
Loading...
</div>

…
if(ajax.readyState == 4 && ajax.status == 200){
    document.getElementById().innerHTML = 'Completed Number ' + ajax.responseText;
}
…