如何将数据从 Flask 传递到 JavaScript

Question

我想使用这个 JavaScript 库来显示表（我从 MySQL 检索的数据）： http://tabulator.info/docs/4.0/data#array

我使用 Flask 作为后端服务器。 我需要将数据发送回 JavaScript 文件，因为那里发生了“魔术”。

页面示例：

var tableData = [
    {id:1, name:"Billy Bob", age:"12", gender:"male", height:1, col:"red", dob:"", cheese:1},
    {id:2, name:"Mary May", age:"1", gender:"female", height:2, col:"blue", dob:"14/05/1982", cheese:true},
]

table.setData(tableData);

所以我尝试让我的 MySQL 查询结果返回到 JavaScript 然后我用上面提到的代码。 目前 Flask 返回 JSON 并显示在浏览器中，但我想在 JavaScript 中捕获它。 我知道我应该使用 AJAX，但不知何故它不起作用。

有人帮助吗？ 非常感谢

Answer 1

我建议您使用支持 AJAX 的库，例如 jQuery。 然后，您需要有一个 Python 脚本，您可以调用该脚本将tableData结构作为JSON字符串返回。 这将是您的 Flask 后端脚本返回您已经拥有的字典列表。 那么您的 JavaScript 将是：

$.getJSON(url_of_flask_script, function(tableData) {
    table.setData(tableData)
    .then(function(){
        //run code after table has been successfuly updated
    })
    .catch(function(error){
        //handle error loading data
    });
});