How to pass variable from node.js to html

Question

I am a newbie of node.js developer

I am currently writing a program with below program structure:

view
 |
 |--- booking.handlebars (HTML program)
 |
routes
 |
 |--- booking.js (node.js JavaScript program)
 |

When users access "dashboard" page, "booking.js" will connect to mongodb to retrieve all the "bookings" records from the Database "Booking". Then, my target is to pass the fetched "bookings" object to "booking.handlebars" HTML file.

However, I cannot achieve this goal.

I have thought many alternatives, including searching the threads from stackoverflow, using global variable; generating JSON file and then read the JSON file back, etc. But it seems doesn't work.

I would like to seek your assistance that how can I pass all the object values from JavaScript program to HTML.

Below is my code:

booking.handlebars (HTML program)

<div>
    <div>
        <table>
            <tbody>
                <tr>
                    <td>{{user.username}}</td>
                    <td>{{booking}}</td>
                    <td>{{req.booking}}</td>
                    <td>{{bookingRecord}}</td>
                    <td>{{bookings.booking}}</td>

                </tr>
            </tbody>
        </table>
    </div>
</div>

booking.js (node.js JavaScript program)

var express = require('express');
var router = express.Router();
var bookingRecord = null;


router.get('/dashboard', function(req, res){
    res.render('dashboard');
});


router.post('/dashboard',
  function(req, res) {
    var MongoClient = require('mongodb').MongoClient;
    var url = "mongodb://localhost:27017/";

    MongoClient.connect(url, function(err, db) {
      if (err) throw err;
      var dbo = db.db("booking");
      dbo.collection("bookings").find().toArray(function(err, booking) {
        if (err) throw err;
        console.log(booking);
        bookingRecord = booking;
        db.close();
      });
    });

    res.redirect('/users/dashboard');
  });


module.exports = router;

ŞükSefHam · Accepted Answer · 2018-03-31 21:11:24Z

1

If you want send data from node.js to html,You should use ejs module.For get results from database you should use mongoose module.I understand you ;but i write on phone and i cant write code.

If you can get result of bookings with mongoose or without mongoose,you can send with express to html like this.

For use ejs file with express.js

app.engine('.ejs', ejs.__express);app.set('views',__dirname+'/views');

For send to html:

res.render('./dashboard.ejs',{booking:booking})

In dashboard.ejs:

<span><%-booking.username%></span>//booking is what you sent with res.render

Note1 create viesw folder and create dashboard.ejs in views folder. Note2 install ejs and mongoose modules.

answered Mar 31, 2018 at 21:11

ŞükSefHam

1651 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to pass variable from node.js to html

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related