Почему после перезагрузки страницы выполняется только 1 запрос к БД?

Question

[Yevhenii K]

При первой загрузке страницы, после старта сервера, выполняются оба запроса, после перезагрузке страницы только первый.
app.js

var connection = require('./lib/db');

global.connection = connection;

db.js

var mysql = require('mysql');
var connection = mysql.createConnection({
    host: 'localhost',
    database: 'test',
    user: 'root',
    password: '',
});

connection.connect(function(err) {
    if(err) throw err;

    console.log('Connected');
});

module.exports = connection;

index.js

router.get('/', function (req, res, next) {
    let data = {};
    connection.query("SELECT * FROM hc_posts ORDER BY id DESC LIMIT 10", function (err, result, fields) {
        if (err) throw err;
        data.posts = result;
    });
    connection.query("SELECT COUNT(*) FROM hc_posts", function (err, result, fields) {
        if (err) throw err;
        data.amount = result[0]['COUNT(*)'] + 1;
    });

    res.render('index', { data: data });
});

Comments

[Михаил]

Выполняются это в каком смысле? В том, что вы путаете асинхронный код с синхронным? Или в саму бз запросы не идут?

[Yevhenii K]

Михаил, Под "Выполняются" я подразумеваю получение результата запроса. (данных из БД). Запросы в бд идут, при первой загрузке я получаю результат от двух, после перезагрузки страницы только от первого.

[Михаил]

Женя К, удивительно что вы получаете от 1го

[Михаил]

Женя К,

router.get('/', function (req, res, next) {
    let data = {};

    connection.query("SELECT * FROM hc_posts ORDER BY id DESC LIMIT 10", function (err, result, fields) {
        if (err) throw err;
        data.posts = result;

        connection.query("SELECT COUNT(*) FROM hc_posts", function (err, result, fields) {
            if (err) throw err;

            data.amount = result[0]['COUNT(*)'] + 1;

            res.render('index', { data: data });
        });
    });
});

[Станислав]

async/await используйте

[Yevhenii K]

Михаил, Спасибо, помогло! Добавьте в ответ и если можно подскажите, почему не работал мой вариант. Я думал, что сначала должен выполниться первый запрос, а следом второй.

[Михаил]

Женя К,

Ставим пустой объект
let data = {};

Добавляем 'таски' на выборку из бд

connection.query
connection.query

Возвращаем юзерю ответ
res.render('index', { data: data });

Где-то там ..., когда-то потом ..., когда вернётся результат из бд

function(err, result, fields) {
  if (err) throw err;

  data.posts = result;
};

но ведь ответ пользователю уже отдали

[Михаил]

Женя К, Если хотите вникнуть https://youtu.be/8aGhZQkoFbQ

Answer 1

[Михаил]

Решение:

router.get('/', function (req, res, next) {
    let data = {};

    connection.query("SELECT * FROM hc_posts ORDER BY id DESC LIMIT 10", function (err, result, fields) {
        if (err) throw err;
        data.posts = result;

        connection.query("SELECT COUNT(*) FROM hc_posts", function (err, result, fields) {
            if (err) throw err;

            data.amount = result[0]['COUNT(*)'] + 1;

            res.render('index', { data: data });
        });
    });
});

но оно так себе

Answer 2

[marataziat]

Дело в том что вы используете асинхронный код с синхронным! То есть запрос в базу данных не успевает выполнится а уже идет респонс! Когда вы что-то делаете в асинхронном коде компилятор не ждет строку пока выполнится, он просто перебегает через неё а потом выполняет то что нужно внутри ..then когда запрос выполнился! В fetch API браузера есть похожая проблема, вы можете использовать async/await чтоб избежать асинхронного кода через .then()!!
Было:

fetch('http://example.com/movies.json')
  .then(function(response) {
    return response.json();
  })
  .then(function(myJson) {
    console.log(JSON.stringify(myJson));
  });

Стало:

let response = await fetch(`https://api.github.com/users/${name}`);
 let data = await response.json()

Делайте анологично с вашим кодом!