javascript 中没有数据

Question

我有以下脚本：

var dataSet;
d3.json("/TableData", function(error, json) {
  if (error) return console.warn(error);
  dataSet = json;
});

$('#data-table').dynatable({
  dataset: {
    records: dataSet
  }
});

/TableData 是对 returns:

数据库的 sqlalchemy 调用

{
  "data": [
{
  "Type": "Turbine", 
  "Seconds": 170, 
}, 
{
  "Type": "Turbine", 
  "Seconds": 75435, 
}]}

我没有收到任何控制台错误，但 flask 网站上没有任何显示？如果我去 http://127.0.0.1/TableData 我可以看到 table 数据。

Answer 1

这是因为d3.json函数是异步的，dataSet变量只能在动态代码执行后设置。

所以试试这个方法。

d3.json("/TableData", function(error, json) {
  if (error) return console.warn(error);
  var dataSet = json;
  $('#data-table').dynatable({
    dataset: {
       records: dataSet
    }
  });
});

您可以通过控制台记录 d3.json 回调函数内部和函数外部的 dataSet 变量值来确认这一点。

javascript 中没有数据

no data appears in javascript

javascript

d3.js

flask

dynatable