在$ .ajax调用上创建一个进度条

Question

当我点击按钮通过ajax加载内容时,我想显示一个进度条.一旦我创建了$.ajax呼叫,通信就会转到服务器上的php文件,该文件从服务器上的另一个文件中删除数据.引入数据需要7到8秒的时间.

我想在发出ajax请求时显示进度加载器.我在网上看,无法找到一个简单的解决方案.我所能找到的只是复杂的上传文件脚本,这需要很长时间才能进行自定义以执行这个简单的操作.如果有人可以提供帮助,那就太好了.否则,我必须与旋转器一起做.

Answer 1

正如您所要求的一个简单的解决方案，这可能会帮助您..有一个ID为“正在加载”的div，并且显示为隐藏。

<div id='loading' style='display:none;'><img src='loading.gif' /></div>

当ajax请求调用时，显示div

$('#loading').show();

当响应成功时，再次隐藏div，

$('#loading').hide();