Отображение данных из результата node-mysql для руля на страницу - PullRequest
Новая
       8

Отображение данных из результата node-mysql для руля на страницу

0 голосов
/ 04 марта 2019

У меня есть маршрут, который возвращает строку результатов из базы данных в объекте результатов. 

app.get('/newusersvariables', function(req, res) {

const sessionid = req.session.id;

//let newuser = mysql.createConnection(mysqlconfig);
let connection = mysql.createConnection(mysqlconfig);

connection.connect(function(err) {
    if (err) throw err;
    connection.query("SELECT * FROM user_idpdetails WHERE sessionid = ?", [sessionid], function (err, result, fields) {     
        if (err) throw err;

    var userdetails = result;       
    res.send(userdetails);

    });
connection.end();   
}); 
});

Теперь я пытаюсь отобразить эти данные на странице ... 

            <script id="newuser-template" type="text/x-handlebars-template">
                            <p>{{sessionid}}</p>
                            <p>{{userid}}</p>   
                            <p>{{email}}</p>                    
        </script>

Руль, который я пытаюсь использовать, выглядит следующим образом ... 

            <script type="text/javascript">
            // Get the template
            var source = document.getElementById("newuser-template").innerHTML;

            // Compile the template
            var template = Handlebars.compile(source);

            // Make a request for the whmcs route using axios
            axios.get('/newusersvariables')
                    .then(function (userdetails) {
                        // Get the client data from the response            
            var data = userdetails[0].RowDataPacket;

            //  console.log(data);

                    // Pass it through the template
                    var html = template(JSON.stringify(data));

                    // Set our target divs html with our template html
                    document.getElementById("content").innerHTML = html;
                    })
                    .catch(function (error) {
                        // handle error
                        console.log(error);
                    })  
        </script>

Затем вывод содержимого div в теле ... 

<p></p>
    <div id="content">

Данные обрабатываютсяпередается как объект JSON, но я не уверен, что правильно вызываю его из функции axios ...

Данные в консоли разработчика

Любая помощь будетс благодарностью ..

...