passing an array from EJS to Javascript

Question

I am trying to passe an array from ejs to JavaScript. I can get to the values inside ejs but not from JavaScript. all the time i get undefined because the contents of the variable "test" is a string is not an array.

<script>

var test = '<%- level_tab %>';
alert(test);

function level(s1,s2){
            var s1 = document.getElementById(s1);
            var s2 = document.getElementById(s2);
            s2.innerHTML = "";
            if(s1.value == "level_0"){
                var optionArray = test;
            }
            else if(s1.value == "level_1"){
                var optionArray = ["test|test01", "test0|test02"];
            }
 for(var option in optionArray){
                var pair = optionArray[option].split("|");
                var newOption = document.createElement("option");
                newOption.value = pair[0];
                newOption.innerHTML = pair[1];
                s2.options.add(newOption);
            }
        }
</script>

razakj · Accepted Answer · 2016-07-04 10:59:49Z

16

You have to stringify the array

var test = <%- JSON.stringify(level_tab) %>;

I'm not familiar with EJS but in general the same principle should apply even if syntax is slightly different in EJS.

edited Jul 4, 2016 at 10:59

answered Jul 4, 2016 at 9:02

razakj

1,0599 silver badges11 bronze badges

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

2 Comments

razakj Over a year ago

@amine_detter i edited the post - Have you tried removing the quotes?

amine_detter Over a year ago

Great it works now, but the editeur (webstorm) signifies that there is an error that's why i am using the single quotes. any way Thank you.

Community · Accepted Answer · 2017-05-23 12:08:28Z

5

Refer to JSON from EJS to JSON object in JS

Remove the single quote:

var test = <%- JSON.stringify(level_tab) %>;

edited May 23, 2017 at 12:08

CommunityBot

11 silver badge

answered Jul 4, 2016 at 10:21

engineforce

3,0701 gold badge25 silver badges17 bronze badges

1 Comment

amine_detter Over a year ago

it works, but the editeur (webstorm) signifies that there is an error that's why i am using the single quotes. Thank you

Shree · Accepted Answer · 2016-07-04 10:29:34Z

2

Use this it will work fine.(Don't use single quotation )

        var test = <%-JSON.stringify(level_tab) %>; 
        console.log("test :"+test);

answered Jul 4, 2016 at 10:29

Shree

1654 silver badges16 bronze badges

Comments

amine_detter · Accepted Answer · 2016-07-04 10:10:59Z

1

i found a solution it's work, but i don't know if there is other ways to do it. i change

var test = '<%- level_tab %>';

by this loop,

<% for(var j=0; j<level_tab.length; j++) { %>
            level_tab.push('<%- level_tab[j]%>');
<%}%>

answered Jul 4, 2016 at 10:10

amine_detter

1471 gold badge1 silver badge12 bronze badges

Comments

kevin ternet · Accepted Answer · 2016-07-04 09:57:45Z

0

I process like that to pass array from express to an EJS page: in the node.js code :

.post('/action', function(req, res) {
        var arr = ["premier", "second", "troisième", "quatrieme", "cinquieme"];
        res.render('page.ejs', {arr: arr}); 
});

And in page.ejs :

<% for(var i = 0 ; i < arr.length ; i++) { %>
       <tr>
            <td><%= arr[i] %></td>
       </tr>
<% } %>

answered Jul 4, 2016 at 9:57

kevin ternet

4,6322 gold badges21 silver badges27 bronze badges

1 Comment

amine_detter Over a year ago

is not that what i want, the problem is to passing this array "arr" to an array in javascript

Collectives™ on Stack Overflow

passing an array from EJS to Javascript

5 Answers 5

2 Comments

1 Comment

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

1 Comment

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related