Javascript 当servlet get调用从服务器获取数据时，如何显示微调器？

在下面的代码中，我发出一个servlet get请求并将输出分配给一个javascript变量，获取数据大约需要1分钟。我想知道如何加载微调器，直到get请求完成。请帮帮我

var myJSONObject = null;

function getJsonData(){
$.get("getData", function(data) {
    myJSONObject = data;
});

试试这个：

function getJsonData() {
    var spinner = $('<img src="spinner.gif"/>').addClass('spinner').
                      appendTo('body');
    $.get("getData", function(data) {
        myJSONObject = data;
        spinner.remove();
    });
}

函数getJsonData（）{ var spinner=$（''）.addClass（'spinner'）。 附属于（“主体”）； $.get（“getData”，函数（数据）{ myJSONObject=数据； spinner.remove（）； }); } 使用

其中loadingDiv是带有微调器图像的div。 将loadingDiv的css设置为

#loading {
  width: 100%;
  height: 100%;
  position: fixed;
  opacity: 1;
  z-index: 99;
  margin: auto;
}

---

并在加载分区中放置加载程序的gif。

谢谢大家。我找到了解决办法：

Html代码：

<div id="spinner" class="spinner" style="display:none;">
    Getting value. Please wait....<br>
    <img id="img-spinner" src="loader.gif" alt="Loading"/>
</div>


$(document).ready(function(){
    $("#spinner").bind("ajaxSend", function() {
          $(this).show();
    }).bind("ajaxStop", function() {
        $(this).hide();
    }).bind("ajaxError", function() {
        $(this).hide();
    });

     });

获取价值。请稍候……

$（文档）.ready（函数（）{
$（“#微调器”）.bind（“ajaxSend”，function（）{
$（this.show（）；
}).bind（“ajaxStop”，函数（）{
$（this.hide（）；
}).bind（“ajaxError”，函数（）{
$（this.hide（）；
});
});

ajaxStart（）和ajaxComplete

这些函数可以帮助您。

<div id="spinner" class="spinner" style="display:none;">
    Getting value. Please wait....<br>
    <img id="img-spinner" src="loader.gif" alt="Loading"/>
</div>


$(document).ready(function(){
    $("#spinner").bind("ajaxSend", function() {
          $(this).show();
    }).bind("ajaxStop", function() {
        $(this).hide();
    }).bind("ajaxError", function() {
        $(this).hide();
    });

     });