如何在jQuery中显示服务器脚本的进度？
在jQuery中显示服务器脚本的进度，可以使用AJAX来实现。具体步骤如下：
- 在服务器端，编写一个脚本，用于处理任务并返回任务进度。
- 在客户端，使用jQuery的AJAX方法，发送请求到服务器端脚本。
- 在服务器端脚本中，根据任务进度，返回进度数据。
- 在客户端，使用AJAX的回调函数，获取服务器返回的进度数据，并根据进度数据，更新页面显示。
以下是一个简单的示例代码：
服务器端脚本（例如：progress.php）：
<?php
// 模拟任务进度
for ($i = 1; $i <= 10; $i++) {
// 休眠1秒
sleep(1);
// 返回当前进度
echo $i * 10 . "%\n";
// 清除输出缓冲区，确保输出实时更新
ob_flush();
flush();
}
?>客户端代码：
<!DOCTYPE html>
<html>
<head>
<title>显示服务器脚本的进度</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="progress-container">
<div id="progress-bar"></div>
</div>
<button id="start-button">开始任务</button>
<script>
$(function() {
$('#start-button').click(function() {
// 清空进度条
$('#progress-bar').css('width', '0%');
// 发送AJAX请求
var xhr = $.ajax({
url: 'progress.php',
method: 'GET',
dataType: 'text',
success: function(data) {
// 更新进度条
$('#progress-bar').css('width', data);
}
});
});
});
</script>
</body>
</html>在这个示例中，我们使用了PHP来编写服务器端脚本，并使用jQuery的AJAX方法来发送请求和处理响应。在服务器端，我们模拟了一个任务进度，每隔1秒钟返回一个进度值。在客户端，我们使用了一个进度条来显示任务进度，当用户点击“开始任务”按钮时，会发送一个AJAX请求到服务器端脚本，并在回调函数中更新进度条的宽度。
相关·内容
3回答
这是我的代码：var adinfoid=$('#adinfoid').val();当我点击浏览按钮时，我需要显示5分钟的进度条。5分钟后，进度条将隐藏或不显示。在进度条隐藏后，图像将会显示。
我该怎么做呢？这个是可能的吗？
浏览 6提问于2012-05-17得票数 1
3回答
我想使用实时进度条，所以我想向用户显示状态，还想防止超时。我必须使用哪些技术？JS、Ajax、多线程还是两者兼而有之？我怎样才能实现它呢？敬请指教。
浏览 2提问于2009-08-03得票数 1
我使用下面的jquery文件上传插件来显示用户上传mp3的进度条。我的服务器端脚本接受上传，将mp3转换为临时wav文件，生成png格式的音频波形图像，然后分析音频，并将原始mp3文件名、png波形、分析的节拍和id3信息存储到数据库中。显然，当文件本身完成上传时，进度条就会结束，但是php脚本会继续运行，直到文件分析完成。我希望能够做的是显示一
浏览 1提问于2012-02-03得票数 1
回答已采纳
3回答
我正在制作一个发送时事通讯的脚本。发送邮件的过程是用户单击"send“，这将向sendMail.php发送一个AJAX请求。SendMail.php只是接受消息并将其发送给数据库中的所有用户。当用户单击发送时，还会弹出一个对话框，我想要实现的是服务器将其当前进度实时发送回客户端，这样我就可以更新进度条并告诉客户端所有邮件已发送的确切时间。
我不太确定我应该寻找什么，或者如何去做这件事。我正在使用jQuery
浏览 0提问于2011-12-28得票数 1
2回答
我正在开发一个项目，这是在CakePHP中建立的，并在其中使用jQuery。我有一个脚本，需要通过ajax请求调用。这个请求在数据库中做了很多操作，占用了太多的时间。在两次执行之间，它将其状态写在一个单独的文件中，这样我就可以看到脚本执行的状态。它每次打开文件时都会在其中写入执行状态，然后关闭文件，以消除文件锁定问题。现在，当这个脚本正在运行时，我会发送另一个ajax请求，它只是读取该文件，并在每隔
浏览 0提问于2010-10-04得票数 1
回答已采纳
使用此代码，我可以在服务器脚本运行时显示一个动画gif： $('#results').load('getResults.php', null#status').html('');
$('#status').html('Finished.');但是，我想要显示
浏览 1提问于2008-09-16得票数 6
回答已采纳
我正在尝试在Google应用程序脚本中创建一个进度条，当有人点击一个按钮( go )时，它将自动、缓慢地从开始到结束。你在Firefox下载窗口中看到的一些东西。这是我的代码。app.getElementById("progress").setWidth(i + 'px'); } return app;
但是根据这段代码for循环会执行的非常快&，进度条
浏览 0提问于2012-05-18得票数 1
回答已采纳
我想在屏幕/页面/视图上显示进度，就像在控制台中一样。因此，当我单击“安装”按钮时，我的"textarea“控件应该开始显示进度，如
textarea是否是用于此目的的正确控件？似乎有太多的从服务器到客户端的旅行，只是为了在屏幕上编写进度，我怎么才能将它最小
浏览 2提问于2017-10-20得票数 0
回答已采纳
4回答
我正在做一个网站，提交一个表单到另一个服务器。对于上传进度跟踪，我使用:对于服务器端，NginxHttpUploadProgressModule和客户端- 。我已经通过将表单提交到同一台服务器来测试设置，并且一切都很好。提交到另一台服务器并不显示进度跟踪(跨域脚本)。经过几个小时的调查，我得出结论，JQuery生成的GET请求是错误的。如果您使用X进度ID作为查询
浏览 5提问于2009-08-02得票数 1
1回答
有人知道如何在下拉列表/选择列表中显示进度条吗？对于进度条，我使用的是jQuery的进度条：我正在尝试做的是一个列出10个人的下拉列表，在他们的名字旁边应该有一个进度条来显示他们的工作量
浏览 1提问于2014-01-03得票数 0
2回答
图片上传插件()
、、、
使用php/jquery进行图像上传的最佳插件是什么？它应该有一个进度条和显示信息，如百分比，速度等。如何在上传后进行图像调整？我还想嵌入水印图像
谢谢
浏览 3提问于2011-06-04得票数 1
回答已采纳
2回答
表单提交处理程序向其他服务器发送一些耗时的请求。我需要显示一些简单的内容，如计时器/进度栏/图像的自定义页面，而服务器将处理提交的数据。
不确定如何在Drupal 6.26中正确地做到这一点。找到了有用的批处理工具(set_batch())，但不知道如何用自定义页面和内容替换默认进度栏。
浏览 0提问于2012-10-10得票数 0
回答已采纳
1回答
尝试通过进度脚本使用rpyc服务器，并让脚本根据我试图从客户端获得的不同值执行不同的任务。我正在使用rpyc服务器根据用户的需求自动执行一些任务，并尝试以这种方式在进度脚本中实现客户端： 1.启动进度脚本。2.progress脚本通过cmd调用rpyc客户端，运行一个检查服务器是否处于活动状态的函数，并返回某种
浏览 35提问于2019-06-23得票数 0
回答已采纳
3回答
脚本就会运行。(没有JS或Jquery)我喜欢做以下事情：我能用JS或jQuery做到这一点吗？我尝试以下操作：echo '<script>
document.getElementById("uploadStatus").
浏览 8提问于2013-12-17得票数 0
所以我让jquery文件上传脚本运行在我的webserver上，目标-url指向带有apache/php的本地mac服务器，当我上传一个文件时，脚本显示进度条并完成，它到达正确的目录和mac上的所有内容，但是文件是各种各样的数字，如：或应该注意的是，这些文件的大小是正确的
浏览 2提问于2014-01-27得票数 1
2回答
用户可以使用相同的密码重置他们的密码。然而，整个任务消耗了大量的时间。
因此，目前，我已经实现了漩涡加载图像来显示用户正在执行的任务。现在，我的客户想在按钮本身中显示进度条，如这里所示，或。，我的想法是从服务器获取进度，并在按钮中更新进度样式。我能够了解如何在SignalR的帮助下通过向客户端
浏览 4提问于2014-06-30得票数 2
回答已采纳
2回答
我目前有一个简单的AJAX页面，我通过AJAX提交数据，然后通过AJAX接收响应，该响应显示在屏幕上。当服务器处理响应时，我想创建一个进度条。我的想法是，我可以向客户端发送多个ajax更新，其中包含客户端可以转换为进度条(即通过bootstrap)的进度，直到发送最终响应。从单个AJAX请求发送多个AJAX响应是否可行，或者这样做的最佳方法是什么。
谢谢,
浏览 3提问于2013-09-23得票数 4
1回答
我编写了一个简单的python3脚本，用于上传在CLI中运行的文件。我使用requests.post(somewebservice.com)将文件上传到服务器，但我希望在脚本中添加一个进度条来跟踪上传进度。我如何在我的进度条中找到使用它的上传状态(百分比)？如果我知道如何获得百分比或类似的东西，我就可以自己在CLI中做线程并行上传和显示<
浏览 23提问于2019-09-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
