在for循环json响应中处理数据

Question

我正在为自己的目的进行一个实验项目，但我被困在我获取数据的部分。

我正在寻找某种方式/函数，例如 PHP 中用于 javascript 的 flush() 函数，因为我正在从 MySQL 数据库中获取大约 1000 条记录并通过 JSON 对其进行解析。在没有向用户显示一些反馈的情况下需要一段时间，页面会持续加载一段时间，然后所有内容都会立即弹出，这是我的浏览器必须同时处理的大量图像。

我正在寻找可以转储已经获取的数据并将其发送到我的函数的东西。

我有一个迭代，以 100 为增量循环 maxResults 并进行 ajax 调用

for(var record = 0; record < maxResults; record+=countPage){
     $.ajax({
        type: "POST",
        url: "json_GetImages.php?limit="+countPage+"&rows="+record,
        contentType: "application/json; charset=utf-8",
        global: false,
         ....
            for (var i = 1; i < jsonObj.data.length; i++) {
                var box = document.createElement('div'); //Define new box
                var size = Math.floor((Math.random()*3)+1);
                 .... 
                functionMakeDiv(jsonObj.data[i].sTitle);
                 ....

在 javascript/jquery 中是否有类似刷新/转储函数的东西，我可以将其放置在两个迭代中？ 还是我在这里工作完全没有效率？

我已经尝试使用 for each，但结果相同。

使用 php，您只需在迭代中放置一个 flush()/ob_flush()，它会返回当前的迭代数据（转储缓冲区）（我记得什么？）

提前谢谢你，我希望你们能理解我在这里解释的内容:)

Answer 1

我看不到您将这些 div 放在实际 DOM 的什么位置，但如果同步循环阻止浏览器刷新布局，您可以尝试：

var i = 0;
function loop() {

  //Do your processing and inserting elements into DOM here...
  //That's like a body of a for loop, but asynchronous

  i++;
  if(i < jsonObj.data.length)
    setTimeout(loop, 0);
}

loop();

某些浏览器会在执行 javascript 时冻结视觉更新并刷新 DOM。这种循环方式的作用是让浏览器有机会在实际循环之间刷新页面布局，因为setTimeout 始终是异步的，即使有0 的延迟也是如此。

希望对你有帮助，干杯