wordpress 中的 AJAX 和 PHP 循环进度

Question

我尝试为一个简单的 php 循环制作某种进度指示器。

这里有很多关于进度和 php 循环的 ajax/php 问题，但是在阅读了很多之后，我仍然无法实现（也不完全理解）逻辑..

他们中的大多数要么在谈论-upload-进度条，要么过于本地化到特定情况。（要么 - 要么我不知道如何选择正确的关键字进行搜索。）

我的最终目标是制作一个进度条，但首先，我尝试了一个小回声循环。

我尝试了以下方法：

HTML 表单：

<p class="submit">
    <input type="submit" class="button-primary" id="o99_sudi_do_now" value="<?php _e('DO IT NOW !', 'o99_sudi_domain'); ?>" />
    <img src="<?php echo admin_url('/images/wpspin_light.gif'); ?>" class="waiting" id="o99_sudi_loading" style="display:none;"/>
</p>

            <div id="o99_sudi_results"></div>

jQuery

jQuery(document).ready(function($){
  jQuery('#o99_sudi_do_now_form').click(function(e){
    e.preventDefault();
    jQuery.post(ajaxurl,{action:'o99_random_loop'}, function(data){
      jQuery('#o99_sudi_results').empty().append( data );
    });
  });
});

PHP

function o99_random_loop_cb(){
 for ($i = 0; $i < 10; $i++) {
        //ob_end_clean(); // [TESING]
        echo '-- step' .$i . ' of 10</br>';
        //flush();// [TESING]
        //usleep(100000000000*0.1); // total time 10 sec.// [TESING]
        //ob_flush();// [TESING]
        usleep(20000);
    }
  die();

而且由于它都在 wordpress 管理区域中 -

add_action( 'wp_ajax_o99_random_loop', 'o99_random_loop_cb' ); 

的结果（或输出）为：

-- Step 0 of 10
-- Step 1 of 10
-- Step 2 of 10
-- Step 3 of 10
-- Step 4 of 10
-- Step 5 of 10
-- Step 6 of 10
-- Step 7 of 10
-- Step 8 of 10
-- Step 9 of 10

这还好，但问题是输出到达并且 div 仅在执行完成时更新 - 我希望它在运行中更新，一步一步......（我真正计划的循环很长，迭代大约需要 2-3 秒。）

就像你在代码中看到的那样，我已经尝试过flush();，ob_flush();以及我看到的任何其他建议，但我怀疑这里的逻辑是错误的（因为它是 wordpress？？或者在错误的地方冲洗？）实际上，无论如何多我flush(); - 结果仅在函数结束时到达..

我的目标是制作一个进度条 - 但现在，即使帮助一个简单的回声进度也会很棒..

Answer 1

您无法通过单个 POST 到 PHP 实现您想要的。即使您刷新 PHP 输出，jQuery 端也不会在整个 PHP 过程完成之前处理结果处理程序。很久以前，只有某些浏览器（Netscape 等）会在文档完成之前开始显示内容，您才能获得类似这种行为，但是，使用 AJAX，您将看不到任何来自 PHP 的结果内容，直到 PHP 脚本完成的。

因此，您一次获得所有输出的原因。

有几种可能的方法可以完成您想做的事情。一种方法是将 PHP 循环分成多个阶段，以便每次只执行循环的一部分。然后，您可以执行几次迭代（甚至一次迭代）并将该结果返回给浏览器。然后浏览器将显示结果并再次调用 PHP 以进行下一次迭代（或一组迭代）。虽然这会给你你的进度指示器，但它会大大减慢你的整体操作，不推荐。

编辑以删除由于并发问题而无法使用的 SESSION：

另一种选择是让 PHP 将循环的进度保存到数据库中，并让浏览器端定期轮询另一个检查数据库的 PHP 脚本以确定进度。在快速循环中，这不会很有帮助，但在较长的运行循环中，这可能是可行的。因此，随着您的 $.post 调用，您将开始一系列定时 $.get 调用以检查进度。

编辑：这里有一些片段来说明：

// variable to control polling logic
var pollInterval;
// Your current post logic here with the addition of a variable to stop execution of the polling process
jQuery.post(ajaxurl,{action:'o99_random_loop'}, function(data){
    // post is complete so stop execution
    window.clearInterval(pollInterval);
});
// Now start a get process to get the progress every 5 seconds
pollInterval = window.setInterval(function () {
    // I'm assuming pollingurl is the URL to your PHP script that checks the progress
    jQuery.get(pollingurl, function(data){
        jQuery('#o99_sudi_results').empty().append( data );
    });
}, 5000);

我现在假设在 PHP 端，您可以轻松地将进度保存到数据库表中并从表中检索所述进度。