Question

我在node.js / express应用程序中设置了一个事件发射器。它发出的事件被前端侦听器捕获。问题是虽然我可以看到发射被调用一次，但发射器最多发射相同的事件4次。此外，虽然一般情况下听众会收到事件并采取行动，但有时没有任何事情发生。有没有人知道我做错了什么？

后端：

app.get('/getStatus', isLoggedIn, function(req, res){
res.writeHead(200, {'Content-Type': 'text/event-stream'});
progressEmitter.on('status',function(newState, job_id, fTime, jobLink){
     console.log('Updated state to : ' + newState + ' for job ' + job_id );
     res.write("event: state\n");
     res.write(`data:${newState},${job_id},${fTime},${jobLink}\n\n`);
     console.log(`Emitted state change data! :${newState},${job_id},${fTime},${jobLink}\n\n`);
});

}）;

前端：

$(document).ready(function () {
var state = [];
var source = new EventSource('getStatus');
source.addEventListener('state', function(e) {
    state = e.data.split(',');
    for (var ajob in jobsReceived){
        if (jobsReceived[ajob].id == state[1]) {
            jobsReceived[ajob].status = state[0];
            jobsReceived[ajob].finished_time = state[2];
            console.log(state[0]);
            if (state[0] === 'saved') jobsReceived[ajob].link = state[3]; 
            break;
        }
    }
    $('#table').bootstrapTable('updateByUniqueId', {
            id: state[1],
            row: {
                status: format_status(state[0]),
                finished_time: state[2],
                link: state[0] === 'saved'? state[3]:'' 
            }
        });

});

Answer 1

在花时间处理其他问题后，我决定以清醒的头脑重新审视它，最后得到了解决方案。我在这里发帖，以防有人遇到同样的问题。

这里发生的是，每次调用progressEmitter.on（）时都会添加一个侦听器。发出事件时，将运行所有侦听器。

为了解决这个问题，必须在请求关闭时删除监听器。这是通过调用emitter.removeListener（）来完成的。由于此函数所需的参数是事件名称和侦听器函数，因此更容易命名侦听器函数。因此，后端代码更改如下：

app.get('/getStatus', isLoggedIn, function(req, res){
   res.writeHead(200, {'Content-Type': 'text/event-stream'});
   function statusEvent(newState, job_id, fTime, jobLink){
     console.log('Updated state to : ' + newState + ' for job ' + job_id );
     res.write("event: state\n");
     res.write(`data:${newState},${job_id},${fTime},${jobLink}\n\n`);
     console.log(`Emitted state change data!'); 
}

   progressEmitter.on('status',statusEvent);
   req.on('close', function(){
     progressEmitter.removeListener('event', statusEvent);
   })
})

SSE发射器多次触发，有时浏览器不会触发事件

1 个答案: