javascript - 将从服务器获取的数据处理成 html 文件(使用 Node.js 和 Express)

Question

这个问题跟在这个问题之后:Get data from Node.js via Express .

我有一个带有 Node.js 的服务器，我使用 Express 构建一个网络应用程序。我的服务器已经能够使用函数 (rss_interrogDB) 从数据库构建数组。现在我想使用这个数组在 html 页面中显示一个列表。我的页面 html 中已经有一个脚本，可以从给定的数组创建列表。

但我的问题是我不知道允许html文件在这个函数中使用这个数组...

我的服务器代码上有这个:

 app.get('/', function(req, res) { 
 rss_interrogDB(function(serverData) {
    res.send(serverData);             
 });
 });

这是我的 html 文件:

 $.get('/').success(function(serverData) {
    // TO DO something with serverData
 }).error(function(serverData, status) {
    // error handling
 });

但是，这样做，html 会直接显示数组，尽管我想用它来构建 html 代码... pb 在 res.send(serverData) 中吗？我必须在 html 文件的“TO DO something with serverData”部分写什么？

Answer 1

EJS http://embeddedjs.com/是个好方法。您的帖子没有显示您要使用的数组，所以这里是 EJS 主页中的示例。假设您有以下对象:

var myObject = { title:'Cleaning Supplies', supplies:['mop','broom','duster'] }

然后您可以编写一个模板文件，它基本上是 HTML 和嵌入到标记中的 JavaScript 代码(类似于 PHP 的工作方式)，以遍历您的数组:

<ul>
<% for(var i=0; i<supplies.length; i++) {%>
   <li><%= supplies[i] %></li>
<% } %>
</ul>

注意没有script标签。

接下来您将在 Node 中设置 ejs 模块并告诉它使用您的对象渲染 View :

app.get('/my/url', function(req, res, next){
  res.render('template.ejs', myObject );
});

这将生成发送到浏览器的 html:

<ul>
   <li>mop</li>
   <li>broom</li>
   <li>duster</li>
</ul>

这是一个更详细的例子:http://superbigtree.tumblr.com/post/62759231807/a-simple-example-application-using-express-ejs-and