如何将数据从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

我建议您使用一个库，比如jQuery，它支持AJAX。然后，您需要有一个可以调用的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
    });
});