1

我有一个后端 NodeJS 代码，我从生成的进程中收集输出：

    schild.stdout.on('data', function (data) {
    var result = data.toString().split("\n");
    for(var i = 0; i < result.length; i++)
    {
            var n = result[i].split("|");
            if(n.length == 4)
            {
                    var date = n[0];
                    var category = n[1];
                    var component = n[2];
                    var condition = n[3];
                    response.push({Date : date, Category : category, Component : component, Condition : condition});
            }
    }
    logger.info('Rendering : ' + response.length);
    res.render('viewpage', {status:0, msg:'Success', responsedata:response});

});

我的 viewpage.ejs 文件有以下代码：

var oTable = $('#example').dataTable({"bDestroy" : true, "bUseRendered": false, "bSort" : false, "bPaginate" : true, "bDeferRender": true, "iDisplayLength" : 27});
var status = <%= status %>;
if(status == 2)
{
alert( '<%= msg %>' );
}
if(status == 0)
{
<% for(var i =0; i < responsedata.length; i++){ %>
        $('#example').dataTable().fnAddData(['<%= responsedata[i].Date %>', '<%= responsedata[i].Category %>' , '<%= responsedata[i].Component %>', '<%= responsedata[i].Condition %>']);
<% } %>
        oTable.fnDraw();
}
        } );

问题是该页面仅在第一次调用“res.render”时才呈现，但我希望使用“schild.stdout.on”事件中捕获的进一步输出来更新页面。我确实在我的记录器语句中看到第一次响应数组的长度为 0，这是正确的，但随后我获得了有效数据并呈现到视图 - 但页面没有使用最新数据进行更新。页面只加载一次并且页面上没有进一步的更新？

4

1 回答 1

1

所以你需要一个不同的设计来完成这项工作。socket.io之类的东西可以帮助将数据从服务器流式传输到浏览器，但您需要按照以下方式进行操作：

  1. 使用空数据和 javascript 渲染一个基本的 HTML 页面来处理 socket.io
  2. 从浏览器中的 javascript，建立一个 socket.io 连接并请求您的数据流
  3. 使用与您所拥有的代码类似的代码，将服务器子进程的输出data事件转换为 socket.io 消息，因为单个数据单元是可用的
  4. 在浏览器中，当每个数据单元从服务器到达时，将其格式化为 HTML 并将其附加到您的表格中。
于 2012-12-24T18:19:10.063 回答