时间戳

首页 > 解决方案 > 如何将数据从 Flask 传递到 JavaScript

javascript - 如何将数据从 Flask 传递到 JavaScript

问题描述

我想使用这个 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，但不知何故它不起作用。

有人帮助吗？非常感谢

标签： javascriptpythonflask

解决方案

我建议您使用支持 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
    });
});

推荐阅读