最终,我尝试从 Node 服务器传递 JSON 数据,以供客户端中的 D3 使用。
这是我的index.js
var express = require('express');
var router = express.Router();
var portmix = require('../data/holdings.json');
/* GET individual portfolio page. */
router.get('/portfolio/:portcode', function(req, res) {
var porthold = [];
for(var i in portmix){
if(portmix[i].PortfolioBaseCode === req.params.portcode){
porthold.push(portmix[i])
}}
res.render('index', {
pagetype: 'single_portfolio',
holdings: porthold[0]
});
});
module.exports = router;
这是 ejs 文件:
<div class="portfolio">
<h2><%= holdings.ReportHeading1 %></h2>
<ul>
<li>Cash: <%= holdings.CashMV %></li>
<li>Fixed Income: <%= holdings.FixedMV %></li>
<li>Equity: <%= holdings.EquityMV %></li>
<li>Alternatives: <%= holdings.AltMV %></li>
</ul>
<div class="chart">
</div>
</div>
它的作用是显示“持有”值。但是,如果我尝试使用以下方式从客户端 js 调用它:
console.log("Holdings: " + holdings);
结果是
Holdings: undefined
有没有办法做到这一点?还是我的做法全错了?
你不能从客户端调用EJS变量,你必须将JSON输出到页面,然后获取它
<script type="text/javascript">
var json_data = <%- JSON.stringify( holdings ); %>
// use the above variable in D3
</script>
<div class="portfolio">
<h2><%= holdings.ReportHeading1 %></h2>
<ul>
<li>Cash: <%= holdings.CashMV %></li>
<li>Fixed Income: <%= holdings.FixedMV %></li>
<li>Equity: <%= holdings.EquityMV %></li>
<li>Alternatives: <%= holdings.AltMV %></li>
</ul>
<div class="chart">
</div>
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)