PHP - JQuery实现进度长运行请求

时间:2012-08-28 15:48:49

标签: php zend-framework

我有一个Zend Framework应用程序,可以将Mails组成一个IMAP帐户。这可能需要一段时间。所以我想在前端展示剩下多少邮件要处理。

我想到了这个解决方案:

  • 处理Mails的对象是将处理后的邮件数量(int)写入文件/ db
  • 脚本运行时,每20秒请求此文件的内容并向用户显示该号码

使用php / javascript有更好的解决方案吗?

1 个答案:

答案 0 :(得分:1)

您可以使用flush()在某些点向浏览器输出数据。不可否认,这不是一个漂亮但你可以(应该)重构:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
    <title>Progress Bar</title>
</head>
<body>
<!-- Progress bar holder -->
<div id="progress" style="width:500px;border:1px solid #ccc;"></div>
<!-- Progress information -->
<div id="information" style="width"></div>
<?php
// Total processes
$total = 10;

// Loop through process
for($i=1; $i<=$total; $i++){
    // Calculate the percentation
    $percent = intval($i/$total * 100)."%";

    // Javascript for updating the progress bar and information
    echo '<script language="javascript">
    document.getElementById("progress").innerHTML="<div style=\"width:'.$percent.';background-color:#ddd;\">&nbsp;</div>";
    document.getElementById("information").innerHTML="'.$i.' row(s) processed.";
    </script>';

    // This is for the buffer achieve the minimum size in order to flush data
    echo str_repeat(' ',1024*64);

    // Send output to browser immediately
    flush();

    // Sleep one second so we can see the delay
    sleep(1);
}

// Tell user that the process is completed
echo '<script language="javascript">document.getElementById("information").innerHTML="Process completed"</script>';
?>
</body>
</html>

编辑:代码示例来自W3Shaman