Javascript 在带有敲除绑定的get方法中显示加载图像

Javascript 在带有敲除绑定的get方法中显示加载图像,javascript,jquery,knockout.js,Javascript,Jquery,Knockout.js,从服务器获取和加载数据的简单函数: function getdata(stepNumber){ return $.get("./api/data_count.php", {stepNumber: stepNumber}) .fail(function (textStatus, errorThrown){ console.error("Error ! Unable to get step " + number

从服务器获取和加载数据的简单函数:

function getdata(stepNumber){
            return $.get("./api/data_count.php", {stepNumber: stepNumber})
            .fail(function (textStatus, errorThrown){
                    console.error("Error ! Unable to get step " + number + " count." + "Error: " + errorThrown + ", Status: " + textStatus);
            });
        }
使用.done different方法将数据分配给敲除可观察对象:

getdata(1).done(function(data){
                        self.dataCount($.parseJSON(data));
                    });
通过以下html:

<td><span data-bind = "text: dataCount"></span></td>

除了查询返回此计数大约需要15秒外,所有代码都运行良好,我不确定在等待响应时,如何在以下范围内显示加载图像或消息

<span data-bind = "text: dataCount"></span>

只需切换可观察对象即可显示和隐藏加载程序。 比如:

var Vm=function(){
var self=这个;
self.showLoader=ko.可观察(假);
self.showResults=ko.pureComputed(函数(){
return!self.showLoader();
})
self.getdata=函数(步骤号){
self.showLoader(true);
返回$.get(“./api/data\u count.php”{
步骤编号:步骤编号
})
.完成(功能(数据){
self.dataCount($.parseJSON(data));
self.showLoader(false);
})
.fail(函数(textStatus,errorshown){
console.error(“错误!无法获取步骤”+number+“计数”。+“错误:+errorshown+”,状态:+textStatus);
self.showLoader(false);
});
}
回归自我;
}