Express.js 发送数据到视图未发送，出了什么问题答案

【问题标题】：Express.js send data to view not sent, What went wrongExpress.js 发送数据到视图未发送，出了什么问题
【发布时间】：2015-07-28 07:01:02
【问题描述】：

我想将我的产品数组传递给 html 页面。

app.get("/", function(req, res){
    res.render(__dirname+ "/product.html",{data: Product_Array_fromDatabase});
})

在 HTML 页面的客户端我试图查看/将循环它

<script type="text/javascript">
    var data = JSON.stringify(data);
   alert(data) // Says Undefined
</script>

我没有得到数据的价值？有什么帮助吗？

【问题讨论】：

你还在用ejs或者jade这样的模板语言吗？
请在jsfiddle.net或codepen.io上添加代码sn-p！
@NomanUrRehman 是的，它的 ejs

标签： jquery node.js express.io

【解决方案1】：

js 我制作了 ejs 来渲染数据并使用 jquery ajax 将数据发送到页面并提醒它可能对你有用

hello.js

var express = require('express');
var app = express();

var engine = require('ejs-locals');

app.engine('ejs', engine);
app.set('view engine', 'ejs');
app.set('views', __dirname + '/views');


app.get('/', function(req, res){ 
res.render('index',{user:"John Smith"}) 
 });

app.get('/helo', function(req, res){
  res.send({'data':'hello'});
});


var server = app.listen(3000, function () {

  var host = server.address().address;
  var port = server.address().port;

  console.log('Example app listening at http://%s:%s', host, port);

});

index.ejs 在名为views的目录中---路径appname/views/index.ejs

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $.get("/helo", function(data, status){
            console.log(data);
            var result = data
            alert(result['data'])
        });
    });
});
</script>
</head>
<body>
welcome <%= user%><br>
<button>Send an HTTP GET request to a page and get the result back</button>


</body>
</html>

【讨论】：

发射/广播后我们必须使用相同的方法吗？即使用循环...我对这个标签不太熟悉...我们可以使用 jquery/javascript 来循环吗？
标记用于在 html 页面中打印变量....在 ejs..它是 express 中使用的模板引擎。

如果你想循环遍历数据，请按此示例显示。将值插入表中..我希望这会帮助你