res.render send data to EJS file and using it in plain javascript

Question

I have this next GET function in express and in the res.render() function i'm sending to the EJS file the data i want to use, now my question is how can i use the data that i've sent to the EJS file in plain javascript in the same EJS file? GET Funtion:

router.get('/:id', (req, res) => {
	let pollId = req.params.id;
	Poll.findById(pollId, (err, poll) => {
		if(err) throw err;
		Vote.find(pollId, (err, votes) => {
			res.render('vote', {user: req.user, poll: poll, voteFail: req.flash('voteFail'),votes: votes });
		});
	});
});

And an example of how i want to use the data:

<script type="text/javascript">
  console.log(<%votes%>);
</script>

CopyPasteThankYou · Accepted Answer · 2018-06-13 20:16:48Z

3

There are three main EJS Tags

<% %> and <%- %> and <%= %>

<% These will run script server side - There is no output - The user will not see this %> 

<%- These will inject javascript value into your html, unsanitized - you can pass html this way. %>

<%= These tags will inject the javascript value into your html, sanitized - html tags will appear as strings %>

If you want to console log in the browser console you can use...

<script>
   console.log( <%-votes%> );
</script>

If you want to console.log to the server side console simply use...

<% console.log(votes); %>

answered Jun 13, 2018 at 20:16

CopyPasteThankYou

851 silver badge9 bronze badges

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

Comments

David · Accepted Answer · 2017-12-17 17:13:00Z

0

Using <% %> tags does not evaluate the expression. Use <%= votes %> instead.

answered Dec 17, 2017 at 17:13

David

9711 gold badge14 silver badges21 bronze badges

3 Comments

user8142459 Over a year ago

It returns in the browser console this: Uncaught SyntaxError: Invalid or unexpected token

David Over a year ago

@WackThat Not sure what you're trying to do in the end but in this particular scenario you could do <% console.log(votes)%> without the <script> tags and it should work.

user8142459 Over a year ago

I'm trying to use the data to make a Chart.js graph. you can do that only in plain js.

Shahrukh Anwar · Accepted Answer · 2018-06-09 20:02:45Z

0

Try using <%- votes -%>, works for me.

answered Jun 9, 2018 at 20:02

Shahrukh Anwar

2,6621 gold badge26 silver badges26 bronze badges

Collectives™ on Stack Overflow

res.render send data to EJS file and using it in plain javascript

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related