D3.js - 在AJAX请求期间添加加载通知

Question

我有一张需要大量数据的图表，足以完成d3.json（）请求大约需要5-10秒。有没有办法在AJAX请求期间显示一个好的老式微调器，或者那种效果？

或者，我应该只使用jQuery AJAX请求并按照标准程序显示微调器（如here所述）。只是好奇，如果有其他人尝试过这个......

Answer 1

我使用spin.js作为我的微调器。然后就像你说的那样：

var spinner = new Spinner(opts);
var target;
$(document).ready(function() {
    target = document.getElementById('spinner-box');
});

function findData() {
            $.ajax({
                beforeSend: function() {
                    spinner.spin(target);
                },
                complete: function() {
                    spinner.stop()
                },
                type: 'POST',
                url: // url,
                data: // data,
                success: function() {
                    // do something
                },
                error: function(e) {
                    spinner.stop();
                    // do something
                }
            });
        }

Answer 2

我做过类似here的事情。我的想法是在静态页面上使用微调器（或其他通知）并在AJAX回调中替换它。