0

В приложении написаном express можно передать переменную в шаблон так:

router.get('/test', function (req, res, next) {
    var test = 9;
    res.render('main/login', {
        testVar: test
    });
});

А как передать переменную в javascript файл?

2
  • Откуда вы хотите передавать переменные? И в какой именно js файл? 18 апр 2016 в 13:56
  • Передать в js файл на клиенте. В шаблонизаторе ejs, переменную я вывожу так: <%= testVar %> а как получить эту переменную в js
    – darut
    18 апр 2016 в 14:01

1 ответ 1

1

Задача передачи конфигурационных параметров из серверного приложения клиентскому возникает регулярно. В большинстве случаев, правильнее всего сделать некую функцию, инициализирующую клиентское приложение, а в процессе рендеринга страницы передавать этой функции объект с конфигурационными параметрами.

Что касается EJS, то он поддерживает синтаксис <%- data %>, который позволяет выключать автоэскейпирование. Вместе с JSON.stringify это полноностью решает проблему передачи данных в клиентское приложение.

Например, ваш шаблон может иметь вид:

<html>
    <head>
        <title><%= title %></title>

        <script type="text/javascript">
            // Этот код стоит вынести в отдельный файл.
            var initApp = function(options) {
                // ... Логика инициализации клиентского приложения.
                console.log(options.foo);
                console.log(options.bar);
            }
        </script>

        <script type="text/javascript">
            // Инициализируем клиентское приложение с данными, переданными
            // из серверного приложения.
            initApp(<%- appConfigs %>);
        </script>
    </head>

    <body>
        <!-- Здесь могла быть ваша разметка -->
    </body>
</html>

А код, занимающийся отрисовкой, может иметь вид:

var ejs = require('ejs'),
    template = '...';

var appConfigs = {
    foo: 'bar',
    bar: 'baz'
};

ejs.render(template, {
    title: 'An awesome page!',
    appConfigs: JSON.stringify(appConfigs)
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.