如何使用javascript启用和禁用图像加载

我有这个javascript函数。我想在加载div时显示图像加载。如果加载了div或出现错误，则将loadking映像设置为null：

就这样，加载的图像一直显示在页面上，你知道我这里缺少什么吗

$(document).ready(function(){

  $("#submitbutton").on("click", function(){
    //disable the button to prevent multiple clicks
    $("#submitbutton").attr("disabled", "disabled");
    $('#loading').html('<img src="img/loading.gif"> loading...');

    var vcenter = $("#v_name").val();

    vcenter = "'"+vcenter+"'";


    var req = ocpu.rpc("output1", {
      vcenter : vcenter

    }, function(output){

      var data=output;

      });

      req.fail(function(){
        alert("Server error: " + req.responseText);
        $('#loading').html();
      });

      //after request complete, re-enable the button 
      req.always(function(){
        $("#submitbutton").removeAttr("disabled");
         $('#loading').html();
      });

    });
  });

$（文档）.ready（函数（）{
$（“#提交按钮”）。在（“单击”，函数（）{
//禁用该按钮以防止多次单击
$（“#提交按钮”）.attr（“禁用”、“禁用”）；
$（'#加载'）.html（'loading…'）；
var vcenter=$（“#v#u name”）.val（）；
vcenter=“””+vcenter+“”；
var req=ocpu.rpc（“output1”{
vcenter:vcenter
}，函数（输出）{
var数据=输出；
});
请求失败（函数（）{
警报（“服务器错误：+req.responseText”）；
$（'#加载'）.html（）；
});
//请求完成后，重新启用按钮
始终请求（函数（）{
$（“#提交按钮”）.removeAttr（“禁用”）；
$（'#加载'）.html（）；
});
});
});

html代码：

<button id="submitbutton" type="button">Submit</button>
  <div id="loading"></div>

  <div id="output"> </div>

提交

您需要清空它

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

这就是你当前问题的解决方法。然而，我建议如下：

    $(document).ajaxStart(function () {
        $('#loading').css('display', 'block');
    }).ajaxStop(function () {
        $('#loading').css('display', 'none');
    });

和

#加载
div以包含
HTML
中的图像。
您需要清空它

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

这就是你当前问题的解决方法。然而，我建议如下：

    $(document).ajaxStart(function () {
        $('#loading').css('display', 'block');
    }).ajaxStop(function () {
        $('#loading').css('display', 'none');
    });

和
#加载
div以包含
HTML
中的图像。
您需要清空它

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

这就是你当前问题的解决方法。然而，我建议如下：

    $(document).ajaxStart(function () {
        $('#loading').css('display', 'block');
    }).ajaxStop(function () {
        $('#loading').css('display', 'none');
    });

和
#加载
div以包含
HTML
中的图像。
您需要清空它

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

这就是你当前问题的解决方法。然而，我建议如下：

    $(document).ajaxStart(function () {
        $('#loading').css('display', 'block');
    }).ajaxStop(function () {
        $('#loading').css('display', 'none');
    });

而
#加载
div以包含
HTML
中的图像。
更具体地说，使用
.HTML（）
将返回元素的HTML，而不是重置它。更具体地说，使用
.HTML（）
将返回元素的HTML，而不是重置它。更具体地说，使用
.HTML（）
将返回元素的HTML，而不是重置它。更具体地说，使用
.HTML（）
将返回元素的HTML，而不是重置它。