可以使用php和javascript使用ajax进度条
[英]is progress bar possible with php and javascript using ajax
问题描述
我想知道如何像gmail一样制作进度条。
我试过了
<script src="jquery.js"></script>
<script>
$(function (){
$.ajax({
url: 'index.php',
success: function(data) {
$('#bar').html(data);
}
});
})
</script>
<div id="bar"></div>
在index.php
[编辑] ：通过sleep()我只是想模拟连续的输出流，如php不支持的多线程程序。
<?php
for($i=0; $i<=10; $i++)
{
sleep(1);
echo "$i";
}
似乎输出立即回显，所以我得到结果012345678910 。
我也试过了
setInterval(function (){
$.ajax({
url: 'index.php',
success: function(data) {
$('#bar').html(data);
}
});
}, 1000);
相反，我难以保持'progress'价值，所以我做到了
<?php
session_start();
if(isset($_SESSION['value'])){
if($_SESSION['value'] >= 10)
{
unset($_SESSION['value']);
}
else
{
$_SESSION['value']++;
}
}
else
{
$_SESSION['value'] = 0;
}
echo $_SESSION['value'];
作为我的PHP的一部分。 但似乎，我在连续间隔调用ajax函数。
我的问题是，
谷歌如何使用进度条，同时登录gmail。 他们是否像我在第一个例子中尝试的那样获得了连续
'stream'数据'stream'数据，或者在某些网址上发送（定期）请求（虽然不是通过ajax ...通过JSONP或其他任何方式）并且像第二个那样更新页面？我可以用
php做同样的事情，即使不用php，我可以使用javascript和支持多线程的其他服务器端脚本语言吗？
5 个解决方案
解决方案1
9 已采纳 2011-04-22 07:21:55
我不确定Gmail对进度条的确做什么，但你可以在PHP中实现类似的功能，尽管它可能有点棘手。
首先，解释为什么你的例子不起作用：
如果你回忆和睡觉，就像你的第一个例子，它永远不会工作。 Ajax执行完整请求 - 也就是说，如果响应没有完成，它将等待。 循环和休眠时，在PHP脚本执行完毕之前，请求不会“关闭”。
如果您使用会话，就像在另一个示例中一样，问题就变成了会话存储。 商店通常在脚本执行期间被锁定，并且它不会自行更新以允许您想要的进度检查类型。
您可以做的是手动将进度写入文件（或数据库）。 例如：
file_put_contents('progress.txt', 1);
然后，让另一个脚本读取文件并输出内容。
这应该有效，因为file_put_contents打开，写入和关闭文件。
使用PHP以外的其他语言会更容易。 多线程可能会让它变得更容易，但不是必需的。 但是，持续运行的进程会使其更简单（PHP仅在您的请求期间运行一个进程然后退出）
解决方案2
3 2011-04-22 07:12:07
以一定间隔运行您的jquery代码，然后使用PHP打印进度百分比并绘制条形图。
所以它会是这样的
<script>
function bar()
{
var v=getProgress(...);
setTimeout("bar()",1000);
drawBar();
}
function drawBar(l)
{
//set div's length to l
}
</script>
编辑2
<?php
/* get the request and calculate the job completion percentage and echo it ! */
?>
解决方案3
3 2011-04-22 07:55:15
我认为Gmail在加载所有资源（如JS文件）时会显示进度。 有不同的方法可以实现这一点：您可以使用JS动态包含所有资源，或者您可以使所有包含的JS文件报告它们已被加载。
要使PHP输出部分输出，请使用：
ob.php
<?php
ob_start();
for ($i = 0; $i < 100; $i++) {
echo "{$i}<br />";
ob_flush();
flush();
usleep(100000);
}
的.htaccess
php_value output_buffering "0"
解决方案4
2 2011-11-13 07:35:20
这个帖子和这个链接帮助我找到同样问题的解决方案，所以我提供它用于记录：
test.php的：
<?php
for($i=0; $i<100; $i++)
{ usleep(100000); //100ms
echo 'A'; ob_flush(); flush();
}
?>
的test.html：
<body>
<button onclick='call()'>call</button>
<div id='progress'>...</div>
<script>
function fprogress(e)
{ document.getElementById('progress').innerHTML ='progress: '+e.loaded +'%'; }
function call()
{ var req = new XMLHttpRequest();
req.addEventListener("progress", fprogress, false);
req.open('GET', 'test.php', true); req.send(null);
}
</script>
</body>
...所以test.php可以是做任何事情的任何JOB ......并且在做它时用闪烁缓冲区ECHOes 100个字符（字节）。
解决方案5
1 2011-04-22 07:31:40
根据我的意见，您可以将登录过程分成几个部分并进行检查。
每个部分检查完成后发送响应进度条和进度条宽度将增加此类模式。 之后，进度条将向您的登录过程发送下一个请求以进行步骤，直到您不会获得100％的登录和重定向。
$ .ajax和php的进度条
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.