Express Node.js ejsテンプレート renderの引数で渡した配列をhtml（ejs）に展開したjsファイルで扱いたい

render引数で私た配列をejsファイルに展開したjavascriptで扱うにはどうすれば良いのでしょうか？

JavaScript
1router.get('/prepare/label', function(req, res, next) {
2  var category = req.query.category;
3  var urls = fs.readdirSync('./template/img/bread/' + category);
4  res.render('label' , { urls : urls });
5});

このurlsという配列を使いたいのですが、ejsファイルでは使用できるのですが、ejsにロードしたjavascriptで使用したいです。実現可能でしょうか？

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

回答1件

ベストアンサー

textにstringifyしてぶち込んだのをparseするとか？

html
1<!DOCTYPE html>
2<html>
3  <head>
4    <title><%= title %></title>
5    <link rel='stylesheet' href='/stylesheets/style.css' />
6    <script
7        src="https://code.jquery.com/jquery-3.2.1.min.js"
8        integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
9        crossorigin="anonymous"></script>
10  <body>
11    <h1><%= title %></h1>
12    <p>Welcome to <%= title %></p>
13  </body>
14<!--ここで代入-->
15  <input type="text" name="a" id="aa" value="<%= JSON.stringify(title) %>">
16  <script>
17// ここで取り出す
18  var t = JSON.parse($("#aa").val());
19  console.log(t);
20</script>
21</html>
22

サーバーのルーティング側

javascript
1/* GET home page. */
2router.get('/', function(req, res, next) {
3  res.render('index', { title: {test:'aaaaa'} });
4});

投稿2018/03/07 12:25

sousuke

総合スコア3828

_Victorique__

2018/03/07 14:16

回答ありがとうございます！なんかjsファイルでajax使って取ってくればいいやってことになりました！

sousuke

2018/03/07 14:18

$.getしてとってくるのが正攻法ですねでそれでいいと思いますb

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

あなたの回答

tips

プレビュー

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

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

Express Node.js ejsテンプレート renderの引数で渡した配列をhtml（ejs）に展開したjsファイルで扱いたい

関連した質問