如何在 ejs 脚本部分使用后端变量？答案

【问题标题】：How do I use backend variable in ejs script section?如何在 ejs 脚本部分使用后端变量？
【发布时间】：2016-08-17 06:59:22
【问题描述】：

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

<script>
    // initialize the map
    var map = L.map('map').setView([25.037393872113785, 121.56372070312499], 12);
    // load a tile layer
    var baseLayer = L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
            {
                attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>',
                maxZoom: 17
            }).addTo(map);

    var Data = 
    var cfg = {
        "radius": 0.03,
        "maxOpacity": 0.5,
        "scaleRadius": true,
        "useLocalExtrema": true,
        latField: 'lat',
        lngField: 'lng',
        valueField: 'count'
    };
  
    var heatmapLayer = new HeatmapOverlay(cfg).addTo(map);
    heatmapLayer.setData(Data);
 
</script>

//javascript version = 1.7
var express = require('express');
var router = express.Router();
var r = require('rethinkdb');
var rethinkdbHost = IP;
var connection = null;
var waterfall = require('async-waterfall');

r.connect( {host: rethinkdbHost, port: 28015}, function(err, conn) {
    if (err) throw err;
    connection = conn;
    r.db('AQI_inference').table('pm25_one_week')).run(connection, function(err, cursor) {
        if (err) throw err;
        cursor.toArray(function(err, result) {
            if (err) throw err;
                var cor = result.geometry.coordinates;
                var t = result.properties.time;
                var pm25 = result.properties.col;
                console.log(cor, t, pm25);
                router.get('/', function(req, res, next) {
                    res.render('mapTest', {cor: cor,time: t, pm25: pm25});
                 });
            });
        });
    });

刚学了一周的nodejs express

我想制作一张带有空气质量标记的地图，现在遇到了一些问题，

我从 rethinkDB 获取数据，我只能通过

访问数据

如何在前端脚本部分使用变量 cor、time 和 pm25？

我想在我的 js 代码中的 'var Data' 中使用 cor。

有什么简单的方法吗？

请帮帮我

【问题讨论】：

标签： javascript html node.js express

【解决方案1】：

使用一些元素来存储数据元素。

<div id="script" data-time="<%= time %>" data-cor="<%= cor %>"></div>

在你的脚本标签中你可以使用

var time = document.getElementById("script").getAttribute('data-time');

类似地，您可以使用其他变量。

【讨论】：

【解决方案2】：

在script标签中，可以把后端JS做成字符串，然后赋值给var。这就是我在下面所做的。

<script>
     var frontend = '<%= backEnd_Var%>';
</script>

【讨论】：