在JavaScript中，如何在ajax调用期间显示屏幕进度指示器
在JavaScript中，可以使用以下步骤在ajax调用期间显示屏幕进度指示器：
- 创建一个HTML元素，用于显示进度指示器。可以是一个加载动画图标、进度条或其他自定义样式的元素。例如，可以使用一个div元素来表示进度指示器：<div id="progress-indicator">Loading...</div>
- 在ajax调用开始之前，通过JavaScript代码获取进度指示器的引用，并将其显示出来。可以使用CSS样式来设置元素的可见性。例如，可以使用以下代码获取进度指示器的引用并显示出来：var progressIndicator = document.getElementById('progress-indicator'); progressIndicator.style.display = 'block';
- 在ajax调用完成后，通过JavaScript代码隐藏进度指示器。可以使用CSS样式来设置元素的可见性。例如，可以使用以下代码隐藏进度指示器：progressIndicator.style.display = 'none';
完整的示例代码如下：
<!DOCTYPE html>
<html>
<head>
<style>
#progress-indicator {
display: none;
/* Add your custom styles here */
}
</style>
</head>
<body>
<div id="progress-indicator">Loading...</div>
<script>
var progressIndicator = document.getElementById('progress-indicator');
// Show progress indicator before ajax call
progressIndicator.style.display = 'block';
// Simulate ajax call
setTimeout(function() {
// Ajax call completed
// Hide progress indicator
progressIndicator.style.display = 'none';
}, 2000);
</script>
</body>
</html>这样，在ajax调用期间，屏幕上会显示一个进度指示器，告诉用户当前操作正在进行中。当ajax调用完成后，进度指示器会自动隐藏。
相关·内容
这里是JavaScript新手。我正在尝试做这样的事情： url: "/Web/DataImport.ashx", // Do something // Do something else基本上，我希望在ajax
浏览 7提问于2017-01-08得票数 1
回答已采纳
1回答
我试图在使用IndicatingAjaxButton的onSubmit提交表单时更新和呈现组件。但是一旦onSubmit完成，所有的组件都会被渲染。有没有什么方法可以在我的表单仍在提交时呈现它们，比如在表单提交时显示一个更新的进度条。我想在每次rest调用执行时显示进度。
浏览 0提问于2017-01-13得票数 0
我使用jQuery对使用的ASP.NET后端进行AJAX调用。我正在使用.ajaxStart和.ajaxStop来显示和隐藏进度指示器。当AJAX请求很快完成时，进度指示器会“闪烁”，因为它显示的时间不够长。
一种可能的解决方案是只在最小时间后显示(就像MS AJAX中的UpdateProgress.DisplayAfter )。另一种方法是确保指示器</
浏览 2提问于2008-12-31得票数 7
我希望在从sqLite的数据库中查询信息时显示一条正在加载的消息。", true); type: "POST", url: "https:xxxx.php",查询，我最初的想法是在成功之前显示一条加载消息，并在成功完成后隐藏它。在成功回调内部是另一个本地数据库查询，最多需要15秒才能完成。这也是异步的，因此加载消息依赖于等待这些查询完成
浏览 2提问于2013-03-07得票数 0
回答已采纳
我使用jquery在调用服务器之前显示进度指示器。在调用返回之后，我隐藏了进度指示器。我注意到的问题是进度指示器永远不会显示，浏览器窗口会冻结，直到对客户端的调用返回。我怎样才能防止这种情况。我想让进度指示器在通话进行时动态显示。
我使用$.ajax方法调用
浏览 3提问于2012-07-19得票数 0
3回答
我有要求在我的应用程序的启动屏幕上显示进度指示器。这必须在iOS 8+中工作。如何在splash screen.Any上显示进度指示器gif图像ideas.Have尝试通过几种方式实现，如下所述。1.使用xcode6中引入的启动屏幕选项。但是仍然没有相关联的.m文件来定制它，以便显示进度指示器。
浏览 1提问于2015-05-27得票数 1
我需要在AJAX调用期间显示忙碌指示器。所以我使用了<BusyIndicator text="Please wait ..."/>。如何在控制器中显示/隐藏此指示器？现在它总是显示出来。
浏览 0提问于2016-06-23得票数 2
回答已采纳
我有一个ASP.NET 2.0网络应用程序，我想在用户保存一些数据(例如:编辑配置文件)时显示进度指示器，我已经在我的应用程序中使用了jQuery来实现一些客户端效果。我该怎么做呢？
浏览 0提问于2009-05-14得票数 1
回答已采纳
/“正在进行中..”常规http请求期间的消息。这应该只在http请求周期中显示，一旦您获得请求完成并获得响应，它就应该关闭。我热衷于常规的HTTP请求，和HTTP请求，需要更长的时间，而不是AJAX。代码块，例子，指针。这里有一种方法，我希望有一个通用的方法，这样它就可以用于任何http请求。
浏览 0提问于2012-02-28得票数 0
我遇到的主要问题是，对于我的kDashboardRoute，我需要调用一个async方法来检查用户是否登录并相应地设置bool isUserLoggedIn，但是，我不能调用这个方法，因为它返回一个未来下面是我的main.dart类中的代码 // run the app MaterialApp( ),
onGenera
浏览 1提问于2019-08-05得票数 7
回答已采纳
我使用的是结合了ajax的jQuery 插件。您知道如何在执行ajax搜索时显示进度指示器吗？ $("#autocomplete-textbox").autocomplete('http://www.example.com/AutoComplete/img/in
浏览 40提问于2010-12-20得票数 56
回答已采纳
1回答
在ie8上，状态栏下面有一个绿色进度指示器，很可能根据某个地方的静态长度值指示下载进度。不幸的是，由于“现代”动态javascripts、ajax调用等特性，这个指示符经常会被弄乱，而条形图保持在半满状态。有没有办法通过javascript命令关闭进度栏，或者至少告诉浏览器我们已经完成了，所以请走开？我知道状态栏可以完全关闭，但我仍然需要它显示我自己的状态信息等。
浏览 3提问于2015-02-16得票数 0
回答已采纳
1回答
我构建了这个应用程序，它可以拍摄照片，显示它们以供接受，并通过post将它们上传到via服务器。
它在概念和执行上都非常简单。但这个应用程序在安卓手机上就冻结了(我有一部Xperia Z3+，我有相当多的资源，也在Moto上试用过)。为了重现它，我拍了一张照片(它会自动尝试上传)……按下电源按钮关闭屏幕...然后，当我点亮屏幕时，应用程序需要一段时间才能重新开始工作(我可以看到，因为我有一个背景动画)。我的想法是，我可以通过从屏幕上删除动画元素来解决这个问题……至少感觉到的性能会好得多，
浏览 0提问于2016-02-20得票数 2
句柄，我能够在javascript中调用它的方法，如下所示： applet.doStuff(); //javascript code {
i
浏览 0提问于2011-04-14得票数 3
如何在iPhone上显示应用内购买处理过程中的进度指示器？我知道如何显示进度/活动指示器本身，但我需要知道何时启动它。如果我在调用之后立即启动它方法我将在提示用户iTunes帐户密码时看到指示器。我想在这个提示符已经通过的时候开始进度。此外，恢复已完成的事务也是如此
浏览 1提问于2012-02-24得票数 4
所有这些都是在不刷新页面的情况下发生的。
我正在寻找添加“加载器”-图像将出现时，网站正在从数据库加载数据，真的不知道从哪里开始。
浏览 0提问于2009-11-20得票数 2
回答已采纳
1回答
我使用环j库解析JSON，然后膨胀ListView (我在onSuccess中这样做)。加载数据需要2-3秒，而这一次屏幕是空的.如何在加载时使用此库显示加载指示符？(我是关于抽象加载指示器的，没有显示当前的进度)
浏览 3提问于2015-07-30得票数 0
回答已采纳
我使用object标记在HTML中呈现PDF，但我在MVC中是这样做的： Response.Flush(); }
问题是，因为我首先从服务器下载数据，然后返回字节数据，所以下载需要一些时间，所以我想显示某种处理过程
浏览 0提问于2010-06-14得票数 2
$.mobile.showPageLoadingMsg();$.mobile.showPage
浏览 3提问于2012-04-18得票数 0
2回答
在MVC 5中，在_layout页面中，我有.ajaxStart & .ajaxStop事件来显示繁忙的指示符。<body> $(document).ajaxStart(function (e) {$("#loading-div-background").hide(); <&#
浏览 5提问于2015-08-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
