Как передать данные от Flask до JavaScript

Question

Я хочу использовать эту библиотеку JavaScript для отображения таблиц (данные, полученные из MySQL): http://tabulator.info/docs/4.0/data#array

Я использую Flask в качестве внутреннего сервера. Мне нужно отправить данные обратно в файл JavaScript, поскольку там происходит "magi c".

Пример страницы:

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
    });
});