Question

我正在尝试从

创建一个xmlhttprequest

d3.xhr("Data-mapper?Function-name=tree-data", "application/json", function (i,d){
    console.log(d);
    return d;
});

我也可以获得响应数据，但我想知道是否可以在调用时添加加载光标..或者进度条...

我想问的另一件事是，当我们打电话从服务器端获取数据时，我们如何发送数据，即

d3.json(...) or d3.xhr(...)

Answer 1

您可以通过在开头添加并在回调中删除来添加“加载”屏幕：

addLoadingScreen();
d3.json(..., function(error, data) {
  // do something
  removeLoadingScreen();
});

我使用过这种技术here。

要回答第二个问题，您可以将参数作为GET参数传递：

d3.json("http://www.foo.com/script?parameterA=foo&parameterB=bar", function(error, data) {
});

Answer 2

<强> HTML

<pre id='pre'>loading...</pre>

<强> JS

d3.json("http://filltext.com/?rows=5&fname={firstName}&lname={lastName}&delay=10", function (err, data){
    var pre = document.getElementById('pre');
    pre.innerHTML = JSON.stringify(d, null, 4);
    console.log(data);
});

<强> JSFIDDLE Demo

d3 xhr添加加载光标

2 个答案: