Can A Js Script Get A Variable Written In A EJS Context/page Within The Same File


Answer :

Edit: this Half considers you are using EJS on server side

1) You can pass an ejs variable value to a Javascript variable

        <% var test = 101; %> // variable created by ejs         <script>            var getTest = <%= test  %>;  //var test is now assigned to getTest which will only work on browsers            console.log(getTest);  // successfully prints 101 on browser         </script> 

simply create an ejs variable and assign the value inside the script tag to the var getTest

Ex: var getTest = <%= test %>;

2) You can't pass an javascript variable value to a ejs variable

Yes, you cant: if it is on server.

Why:

The EJS template will be rendered on the server before the Javscript is started execution(it will start on browser), so there is no way going back to server and ask for some previous changes on the page which is already sent to the browser.


Edit: this Half considers you are using EJS on Client side

3) if EJS is on client side, and pass EJS variable to javascript

The answer above will still work, but you will require to load the script within the EJS template, not the script loaded before the template rendered(in that case it will of-course no be a valid javascript).

4) if EJS is on client side, and pass javascript variable to EJS

I m sorry I have myself not tried this case, but I really look forward if someone answers this case


The above answer didn't work for me. You can use a div this way:

<div id="mydiv" data-test=<%= test %>></div> 

And access the data variable 'test' that you gave it in a script tag:

<script>var test = document.getElementById('mydiv').dataset.test</script> 

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset


Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable