How to Pass an Object to client Javascript - NodeJS & express

Question

I'm having a little bit problems, I'm trying to send an object to use on my Javascript client side, whenever I render the view. I am sending it this way (Im using Handlebars)

  > locations=[ {
    >               local:"my_local",                    
    >                desc:"myDesc"                  
    >               }]; 

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

// Then in my view Inside a script tag i try to get that var and print it

<script>
  var myObj='{{locations}}';
   console.log(locations);
</script>

the result is this :

[object]

and I can't use any property of it because it's undefined

Try console.log(locations.local);

s007
– s007

2015-12-08 06:11:11 +00:00
Commented Dec 8, 2015 at 6:11 — s007
– s007, Commented Dec 8, 2015 at 6:11
@s007 the result is "undefined"

Batcat
– Batcat

2015-12-08 06:17:20 +00:00
Commented Dec 8, 2015 at 6:17 — Batcat
– Batcat, Commented Dec 8, 2015 at 6:17

Rajan Singh · Accepted Answer · 2015-12-08 06:13:58Z

7

You can send your object as a string.

Like locations = JSON.stringify({local:"my_local",desc:"myDesc"});

And on client side you can parse it to get an Object

Like loc = JSON.parse(locations);

Now you can use loc as Object.

answered Dec 8, 2015 at 6:13

Rajan Singh

6314 silver badges9 bronze badges

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

2 Comments

Batcat Over a year ago

I'm getting this error when i try to parse " SyntaxError: JSON.parse: expected property name or '}' at line 1 column 2 of the JSON data "

Batcat Over a year ago

the problem was that JSON.stringify changed the quotes for &quote so I couldn't parse it on the client side. I fixed it with this : loc=JSON.parse(locations.replace(/"/g,'"'))

Chuck Robertson · Accepted Answer · 2017-09-21 04:50:31Z

0

I know this is an old post but in case others are looking for an easy way to pass an object from the server to the client in nodejs here's how I do it.

On the server I do something like:

res.render('my_page',{'my_object': my_object});

Then on the client side in my jade I'd do:

-var name = my_object.name;

(assuming there's a "name" property in my_object)

Then just use it however you need it.

Like:

p Hello #{name}

answered Sep 21, 2017 at 4:50

Chuck Robertson

1552 silver badges13 bronze badges

Collectives™ on Stack Overflow

How to Pass an Object to client Javascript - NodeJS & express

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related