Javascript 使用ajax发送数据时，我想创建加载条

我在JQuery中使用Ajax。我正在用ajax将数据发送到return.php（例如）。。

---

当ajax发送数据时，我想在屏幕上写“加载…”。在这种情况下，您可以显示一个对话框——“加载”，在ajax的回调中，您可以隐藏加载对话框。对话框的显示和隐藏可以放在实用程序中，以便在其他地方使用。

获取动画的好地方是

事实上，正如@royinamir所说，显示/隐藏动画。 给动画一个ID。简短示例（使用jQuery）：

在jQuery中：

$.ajax({
        type: 'get',
        url: url,
        data: 'ajax=1,
        beforeSend: function () {
            $('#get_data').show();
        },
        success: function (data) {
            $('#filter').show();
// do some other stuff
        }
    });

---

从纯粹的实际角度来看通常情况下（根据我的经验），Ajax请求的下载部分只需不到一秒钟，因此我很难证明一个或多或少复杂的进度条或类似内容是合理的：用户无法从中学到很多东西。再加上每隔十分之一秒维护和更新进度条，可能需要现在增加的下载时间的很大一部分

但是用户当然应该知道什么时候（以及为什么）他不能得到对按钮按下的响应，因为下载正在进行中。当您发出请求时，您可能需要考虑发黑一个小（如24×24）彩色图像；并在请求完成时恢复其颜色。更妙的是，接受丹尼斯·胡宁克的建议，改变提交按钮的颜色

---

但所有这些都只是实用性。制作进度条很有趣，当它工作时欣赏它更有趣。单凭这一点，这项工作就有价值。

很高兴我能帮忙。但是记住皮特·威尔逊的答案；在提供良好的用户交互方面有更多的选项。当您执行一个小的ajax请求时，最好只更改所单击按钮的颜色或内容。只是一个小建议。祝你好运！

<div id="laoding">
<p>Loading data</p>
</div>

#loading{
  display: none;
  background: url(images/icon_loading_ani.gif) no-repeat;//the url of your animated gif
  background-position: 0px center;
  min-height: 35px;
  padding: 5px 0 0 0;
}

$.ajax({
        type: 'get',
        url: url,
        data: 'ajax=1,
        beforeSend: function () {
            $('#get_data').show();
        },
        success: function (data) {
            $('#filter').show();
// do some other stuff
        }
    });