2013-03-18 73 views
4

期間添加加載通知我有一個需要相當數量的數據,以至於它需要大約5-10秒即可完成d3.json()請求的圖表。有沒有什麼方法可以顯示一個優秀的老式微調,或者在AJAX請求期間顯示這種效果?D3.js - AJAX請求

可替換地,我應該只使用一個jQuery AJAX請求並遵循用於示出微調的標準程序(如描述here)。只是好奇,如果任何人試圖這...

回答

3

我已經做了類似的東西here。這個想法是讓微調(或其他通知)在靜態頁面上,並將其替換爲AJAX回調。

+0

哇,謝謝拉爾斯!此外,這是一個很棒的信息圖表! – reptilicus 2013-03-18 19:26:20

5

我用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 
       } 
      }); 
     }