在Express / Node中使用过帐的表单数据时遇到麻烦

Eogcloud 发表于 Dev

og云

目前，这是我所拥有的：

这是我的Post方法

app.post('/barchartentry', function(req, res){
        res.render('barchart', { title: 'EZgraph: Bar Chart', barValues: req.body.myInputs, labelValues: req.body.myLabel});
    });

这是我在Jade中的观点：

extends layout

block appendHeader
    link(rel='stylesheet', href='stylesheets/barchart.css')

block content
    include navbar
    canvas(id='canvas' width="800" height="600")
    include copyright


block appendScripts
    script(src='js/barchart.js')

这是该视图中的JS文件，我需要访问此文件中发送的数据

$(document).ready(function() {

        var values = barValues;
        var labels = labelValues;

        console.dir(barValues);

        var canvas = document.getElementById("canvas").getContext("2d");

        canvas.fillStyle="#BFBFBF";
        canvas.fillRect(0,0,800,600);

        canvas.fillStyle="#000000";
        canvas.beginPath();

        canvas.moveTo(40, 40);
        canvas.lineTo(40, 560);
        canvas.lineTo(760, 560);
        canvas.stroke();
});

使用输入数据，我将绘制具有给定数字/标签的条形图。目前，即使将其提供给页面，我也无法访问该数据。我不确定是否应该对它进行其他操作以使其可用于该脚本？

柏拉图

我隐约地记得在尝试将值替换为玉器脚本时遇到问题。此外，动态生成JavaScript感觉有些难闻。所以我将数据绑定到DOM并以编程方式访问它：

block content
  include navbar
  canvas(
  id='canvas',
  width="800",
  height="600",
  data-barValues=JSON.stringify(locals.barValues),
  data-labelValues=JSON.stringify(locals.labelValues)
  )
  include copyright

然后在js中：

$(document).ready(function() {
  var values = $('#canvas').attr('data-barValues').val();
  values = JSON.parse(values);
  var labels = $('#canvas').attr('data-labelValues').val();
  labels = JSON.parse(labels);
  ...
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。