How to pass server value to client javascript in Nodejs?

Question

I rendered view with one variable and want to use the variable in javascript file included rendered view. I use pug view template

**Server Side.**

res.render('myView', { myval:'pizza'});

**Client Side**

extends ../layout

block content
  script(src="scripts/myscript.js")

**myscript.js**

$(function(){
   alert(myval);
});

or 

**index.pug**

    script(type='text/javascript').
    var val= '#{myval}';
    alert(val);

how to do it? looking forward any help.

Bonanza · Accepted Answer · 2017-03-09 13:31:45Z

2

In your view myView you need to render that value in js block.

script(type='text/javascript')
    var myval = '#{myval}';

It will be visible in your script.

answered Mar 9, 2017 at 13:31

Bonanza

1,63114 silver badges23 bronze badges

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

4 Comments

Bonanza Over a year ago

And what about alert? Does it display proper value?

Nomura Nori Over a year ago

oh everything is ok. I set enctype of form as multipart/form-data.

Nomura Nori Over a year ago

I changed it as application/x-www-form-urlencoded and it work well. Thanks. Btw, what is difference between '#{myval}' and '!{myval}'?

Bonanza Over a year ago

#{myval} is evaluated & escaped. !{myval} is evaluated and unescaped. So if you want to do myval = '#{myval}' you need to escape string, because if you don't using string with ' will break your code. pugjs.org/language/interpolation.html

Collectives™ on Stack Overflow

How to pass server value to client javascript in Nodejs?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related