Jade dynamic variables

Question

Is there any way to render dynamic variables in jade with expressjs, when I say dynamic is to change in a loop without Reload in the page.

...
    app.set('view engine','jade');    
    app.get('/',function(req,res}{
          res.render('index.jade',{name:'Rafael'})
        })

The intention is to refresh the res.render altering the {name:Rafael} for {name:Maria}(example) keeping the generated layout static. Got how? with socket or ajax?

Answer 1

To do what you want you have to use AJAX.

Choose a route to AJAX and render the content you need in a string. To do this, pass a callback to .render:

app.get('/', function(req, res) {
    res.render('/partials', {name:'Rafael'}, (err, html) => {
        if (err) return console.log(err);
        var str = encodeURIComponent(html);
        res.send({html: str});
    });
});

So send a JSON back to the Browser and use the HTML string in the content you need.

In the example I used {name:'Rafael'} but you can give Jade whatever data you want clear.

Note: Jade is now called Pug. Jade has been abandoned. You can read more about it here.