Получение данных в тег скрипта из маршрута? - PullRequest
Новая
       11

Получение данных в тег скрипта из маршрута?

0 голосов
/ 18 мая 2018

У меня есть почти все, что мне нужно, чтобы все работало так, как я этого хочу, мне не хватает только одной вещи.

Это мой запрос на получение: 

app.get('/:username/tasks', function (req, res) {

    if (req.session.user === req.params.username) {
        var photo;
        countList = [],
            categoryList = [];

        db.User.findOne({
            where: {
                username: req.session.user
            }
        }).then(function (info) {
            console.log(info.dataValues.picURL);
            photo = info.dataValues.picURL
        })

        db.Tasks.findAndCountAll({
            attributes: ['category'],
            where: {
                UserUsername: req.session.user
            },
            group: 'category'
        }).then(function (result) {
            for (var i = 0; i < result.rows.length; i++) {
                categoryList.push(result.rows[i].dataValues.category);
                countList.push(result.count[i].count);
            }
            console.log(categoryList);
            console.log(countList);
        })

        db.Tasks.findAll({
            where: {
                UserUsername: req.params.username
            }
        }).then(function (data) {
            res.render('index', {
                data: data,
                helpers: {
                    photo: photo,
                    countList: countList,
                    categoryList: categoryList
                }
            })
        });
    } else {
        res.redirect('/');
    }
})```

«Функция findAndCountAll ”возвращает мне это в ответ:

[ 'Health', 'Other', 'Recreational', 'Work' ] [ 5, 1, 1, 1 ]

Именно те два массива, которые мне нужны.Проблема в том, что мне нужно передать эти значения в тег сценария JavaScript.Когда я отправляю их в index.handlebars с помощью вспомогательной функции в «Tasks.findAll», я получаю значения.Проблема в том, что если я добавлю тег сценария и передам значения в этот тег сценария, это не сработает.Как еще я могу получить эти значения в этот тег сценария?Это последняя часть головоломки.

Вот файл js, в который я пытаюсь поместить данные: 

var ctx = document.getElementById("myChart").getContext('2d');

var myChart = new Chart(ctx, {
    type: 'pie',
    data: {
        labels: [MISSING DATA HERE],
        datasets: [{
            label: '# of Votes',
            data: [MISSING DATA HERE],
            backgroundColor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
                'rgba(255, 206, 86, 0.2)',
                'rgba(75, 192, 192, 0.2)',
            ],
            borderColor: [
                'rgba(255,99,132,1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 206, 86, 1)',
                'rgba(75, 192, 192, 1)',
            ],
            borderWidth: 1
        }]
    },
});

Я написал заглавными буквами, где отсутствующие данные находятся в файле.,

Любая помощь очень обязательна.

1 Ответ

0 голосов
/ 18 мая 2018

Вы должны выполнить все эти запросы параллельно, используя Promise.all, и когда все они закончат, отобразите диаграмму 

const userPromise =  db.User.findOne({
                       where: {
                         username: req.session.user
                       }
                     });

const tasksWithCountPromise = db.Tasks.findAndCountAll({
                attributes: ['category'],
                where: {
                    UserUsername: req.session.user
                },
                group: 'category'
            }).then(function (result) {
                for (var i = 0; i < result.rows.length; i++) {
                    categoryList.push(result.rows[i].dataValues.category);
                    countList.push(result.count[i].count);
                }
                return { countList, categoryList };
            });

const allTasksPromise = db.Tasks.findAll({
                where: {
                    UserUsername: req.params.username
                }
            });

Promise.all(userPromise, tasksWithCountPromise, allTasksPromise)
 .then(([user, tasksWithCount, allTasks]) => {
     res.render('index', {
                data: allTasks,
                helpers: {
                    photo: user.dataValues.picURL,
                    countList: tasksWithCount.countList,
                    categoryList: tasksWithCount.categoryList
                }
            })
   });
...