Javascript 如何使用进度更新呈现的jade页面？

我有一个带有表单的小express.js应用程序。在提交时，它运行一个python脚本，运行大约需要5分钟，并在运行时将消息转储到stdout。现在我可以调用它并将输出记录到控制台。我希望这些消息在我的jade模板中填充一个跨度区域（id=results），直到完成

路线：

router.post('/create', function(req, res) {
  res.render('build', function(err, html) {
    res.send(html);
    var options = {
      mode: 'text',
      pythonPath: '/usr/bin/python',
      pythonOptions: ['-u'],
      scriptPath: '/test',
      args: ['test', '-t', req.body['type'], '-s', req.body['num'], req.body['name']]
    };
    var shell = new py('build', options);
    shell.on('message', function (message) {
      console.log(message);
    });
    shell.on('error', function(err) {
      console.log(err);
    });
  });
});

玉石：

extends layout

block content
  .container
    .panel.panel-default
      .panel-heading: h3 Requesting a new Build
      .panel-body
        p
          | <span id='results'></span>

  script(src='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js')
  script(src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js')

扩展布局
块内容
.集装箱
.panel.panel-default
.面板标题：h3请求新版本
.小组委员会
P
| 
脚本（src='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'）
脚本（src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'）

---

我尝试了res.render和res.send的不同变体，但我认为我用它们找错了方向

我最终用socket.io解决了这个问题。感谢@j4g的快速提示。将此添加到my app.js的末尾：

var server = app.listen(3000);
var io = require('socket.io').listen(server); // this tells socket.io to use our express server

io.sockets.on('connection', function (socket) {
    console.log('A new user connected!');
});

app.set('socketio', io);

然后在我的路线上：

  var socketio = req.app.get('socketio');
  shell.on('message', function (message) {
    socketio.emit('message', message);
  });
  shell.on('error', function(message) {
    console.log(message);
    socketio.emit('message', message);
  });
  shell.on('close', function() {
    socketio.emit('finish', 'Process completed.');

然后在我的客户端JavaScript中添加了socket.io和以下自定义代码：

var socket = io.connect(); 

socket.on('message', function (data) {
    $("#results").text(data);
});

socket.on('finish', function (data) {
    $("#results").text(data);
    $("#prog").text("Finished!");
    $(".progress-bar").removeClass('active').removeClass('progress-bar-striped');
});

---

我最终替换了span文本，而不是附加它，但不管怎样，它都能按预期工作。希望这可以帮助其他人尝试做同样的事情

翡翠模板渲染一次。如果我有很多客户的话，你必须设置一些投票，也许是这样的？请给所有客户发一条短信。