Node.js中如何将生成的HTML表格变量传入Jade模板渲染？

嘿，我来给你拆解下这个问题的最佳实践和两种可行方案～

其实不建议在回调里提前把JSON转成HTML表格——模板引擎的核心作用就是处理视图渲染逻辑，把数据和视图分离不仅更符合MVC原则，后续修改表格样式、结构也会方便很多。具体步骤如下：

1. 修改getData函数，传递原始JSON数组
   让函数直接把数据库查询到的JSON数组传给回调，而不是先转成HTML：

   function getData(callback) {
     var sql = require("mssql");
     var dbConfig = {
       server: "server",
       database: "db",
       user: "user",
       password: "pw"
     };
     var conn = new sql.Connection(dbConfig, function(err) {
       if (err) {
         callback(err, null);
         return;
       }
       var request = new sql.Request(conn);
       request.query("SELECT * FROM your_table", function(err, result) {
         conn.close();
         if (err) {
           callback(err, null);
         } else {
           // 直接传递原始结果集（JSON数组）给回调
           callback(null, result.recordset);
         }
       });
     });
   }
   

2. 在路由中传递数据给Jade模板
   假设你用Express框架，在请求处理里调用getData，把数据传给模板：

   app.get('/your-page', function(req, res) {
     getData(function(err, tableData) {
       if (err) {
         return res.status(500).send('数据库查询出错');
       }
       // 将JSON数据传入Jade模板
       res.render('your-template', { tableData: tableData });
     });
   });
   

3. 在Jade模板中循环生成表格
   利用Jade的循环语法，根据原始数据渲染表格（示例假设数据有id/name/email字段，可根据实际调整）：

   table
     thead
       tr
         th ID
         th 名称
         th 邮箱
     tbody
       each item in tableData
         tr
           td= item.id
           td= item.name
           td= item.email
   

如果因为特殊需求，你已经在回调里生成了HTML表格字符串，也可以这样处理：

1. 传递生成好的HTML字符串给路由
   修改getData的回调逻辑，把生成好的HTML传出去：

   function getData(callback) {
     // ... 数据库查询逻辑 ...
     request.query("SELECT * FROM your_table", function(err, result) {
       conn.close();
       if (err) {
         callback(err, null);
       } else {
         // 假设你已经通过自定义函数把JSON转成了HTML字符串
         const htmlTable = generateHtmlTable(result.recordset);
         callback(null, htmlTable);
       }
     });
   }
   

2. 在Jade中渲染原始HTML
   路由传递数据后，在Jade里用!{}语法输出原始HTML（注意：如果数据来自不可信源，要注意防范XSS风险，这里假设你的数据是安全的）：

   // 直接输出已生成的HTML表格
   != tableHtml
   

强烈推荐第一种方案，它能让代码结构更清晰，后续维护成本更低。

内容的提问来源于stack exchange，提问作者Sal