js変数をhtmlに渡したい

現在node.jsを勉強中です
viewはejsを使用しています


<script type="text/javascript">
    var id = 1;
</script>
 
<body>
    <a href="/test?id=">テスト</a>
</body>

上記コードscriptタグのidをhtml内のaタグhrefに埋め込みたいです（<a href="/test?id=1">としたい）

<%=変数%>で呼び出せるようですが、.jsからではなく.ejs内のscriptタグの変数を埋め込むことは可能でしょうか？

行動規範の内容に同意します

回答1件

ベストアンサー

.jsからではなく.ejs内のscriptタグの変数を埋め込むことは可能でしょうか？

<script>内に書いたものは、EJSの処理からすればただの文字列です。そのような芸当はできません。

逆に、「EJS内で必要な値を生成して、それを<script>やタグに書き出す」という方向性で考える必要があります。

ejs
1<% id = 1 %>
2<script type="text/javascript">
3    var id = <%= JSON.stringify(id) %>;
4</script>
5
6<body>
7    <a href="/test?id=<%= id %>">テスト</a>
8</body>

投稿2021/03/25 01:55

maisumakun

総合スコア146018

Usanty2020

2021/03/25 01:57

ありがとうございます。 JSON化することによって使えるのですね参考になりました

maisumakun

2021/03/25 01:59

回答をよくご確認ください。 idという変数はいちばん上の<% id = 1 %>で用意したもので、<script>内はその「出力」だけ行っています（JSON.stringifyは、JavaScriptとしての解釈に失敗するものが出力されないようにする安全策として入れてあるもので、本質ではありません）。

Usanty2020

2021/03/25 02:01

失礼いたしました。そもそも<%=id%>を用意しないといけないのですね

行動規範の内容に同意します