ExpressJS Pass variables to JavaScript

Question

I am completely lost on this; I am using NodeJS to fetch a JSON and I need to pass the variable to my page and have JavaScript use the data.

app.get(\'/test\', f         


        

Answer 1

Try the following:

alert('!{myVar}')

It's a good idea to JSON encode the data if is more than just a string.

alert('!{JSON.stringify(myVar)}')

Answer 2

As Timothy said:

<script type="text/javascript>var myVar = #{JSON.stringify(myVar)};</script>

This can also be done as follows in if you don't like to write HTML in jade templates:

script
  var myVar = !{JSON.stringify(myVar)};
  var myVar2 = !{JSON.stringify(myVar2)};

Update: For Express 4 use script. instead of script so that it will be rendered as javascript instead of html.

Answer 3

Well, Javascript (and V8) has a built in function to render JSON from a object, and JSON happens to be syntactially compatible with Javascript.

So the easiest way to do what your trying to do would be:

<script type="text/javascript>var myVar = #{JSON.stringify(myVar)};</script>

And, yes, you can use HTML in a Jade template.

Answer 4

I know I'm a bit late to the party, but I actually wrote a module (JShare) a few months ago to solve this exact problem. Check it out: https://npmjs.org/package/jshare

Answer 5

You could leverage Now.js for this. It easily allows you to share variables client/server side real-time.

Check it out: http://www.nowjs.com/