一个一个地显示每个结果答案

【问题标题】：Show each result one by one一个一个地显示每个结果
【发布时间】：2016-12-05 08:35:05
【问题描述】：

我有一个代码在while 循环中增加 URL 参数，直到 $i 等于 10。发生这种情况时，它将显示每个数字最多 10（因为这是 $i 停止增加时） - 在这种情况下，它将是 1、2、3、4、5、6、7、8、9。

问题在于，只有当 $i 等于 10 时，它才会显示 1、2、3、4、5、6、7、8、9 - 我需要它在发生时显示数字（而不是等待$i 等于 10！）。

<div id="here"></div>

<script>
$(document).ready(function(){
        $.ajax({
            type: "POST",
            url: "test2.php",
            success: function(data) { $("#here").html(data);  }
        });
});
</script>

test2.php：

while($content = file_get_contents('https://www.example.com?id='.$i)) {
   if($i !== 10) {
      echo $i;
   }else{
      break;
   }
   $i++;
}

【问题讨论】：

在浏览器中运行脚本需要多长时间？
@Akshay 从字面上看只有几秒钟。然而，这是一个例子——我可以让$i 上升到 10000，这确实需要一段时间。我也把代码压缩了。
如果你的时间间隔相同，只需使用 $interval 或 $timeout

标签： javascript php ajax while-loop

【解决方案1】：

在脚本结束之前，没有稳定的方法可以让 PHP 脚本生成输出。

如果您需要倒计时，您可以将 while 循环放入您的 Javascript 并让它调用 PHP 脚本，例如：

test2.php?i=1

然后

test2.php?i=2

等等

【讨论】：

如果代码完全用JS写，是否可以做到？
还是 Node.js？会这样吗？
这不是 PHP 的限制，而是 Web 服务器用来与 PHP 通信的 API。 PHP 本身会在遇到代码中的打印语句时立即生成输出。通常，这样做是有充分理由的，您不希望将不完整的 HTML 标记发送到浏览器。
@bobjomes 是的，请参阅我修改后的答案。

【解决方案2】：

您也可以使用.queue()、.append() 按顺序请求每个文件

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];

$({}).queue("ajax", $.map(arr, function(item, i) {
  return function(next) {
    return $.ajax({
              type: "POST",
              url: "test2.php",
              data: {n:item}
           })
           .then(function(data) { 
             $("#here").append(data);  
             next();
           });

  }
})).dequeue("ajax")

php

if (isset($_POST["n"])) {
  $content = file_get_contents("https://www.example.com?id=" . $_POST["n"]);
  echo $content
}

【讨论】：

@bobjomes jsfiddle jsfiddle.net/uL9jc0jb ，链接.promise().then() 以在队列中的所有函数都完成时调用函数jsfiddle.net/uL9jc0jb/1
如何增加请求数？
@bobjomes "如何增加请求的数量？"您可以将项目添加到arr数组
不，我的意思是现在它会运行 1、2、3、4、5 例如我如何同时运行两个项目以加快速度
@bobjomes 这是一个稍微不同的问题，尽管可能。必须调整$.ajax() 调用以一次执行两个，但由于每个调用请求不同的文件，不确定进程是否会更快。注意原始问题是“一个一个地显示每个结果”而不是一次两个

【解决方案3】：

我真的认为async 会在这里为您提供帮助。你能试试这个代码吗？

<script>
$(document).ready(function(){
        $.ajax({
            type: "POST",
            url: "test2.php",
            async: false,
            success: function(data) { $("#here").html(data);  }
        });
});
</script>

【讨论】：

@bobjomes 没问题。请让我知道它是否对您有帮助。