EventSource onmessage() 在 onopen() 和 onerror() 正常工作的地方工作不正常?

2022-09-04 05:33:54

检查下面的代码,在这里,我已经为每个事件类型添加了三条警报消息,但是在此代码中,source.onopen()[alert: readyState: 1]和source.onerror()[alert: readyState: 0]可以正常工作,但在onmessage()的情况下,它不会被执行。

       if(typeof(EventSource) !== "undefined") {
           var source = new EventSource('clinic/get');
           source.onopen = function(){
             alert('connection is opened.'+source.readyState);  
           };

           source.onerror = function(){
               alert('error: '+source.readyState);
           };

           source.onmessage = function(datalist){

               alert("message: "+datalist.data);
           };

        } else {
            document.getElementById("clinic-dtls").innerHTML = "Sorry, your browser does not support server-sent events...";
        }`

检查服务器端的以下代码

Random random = new Random();
        response.setContentType("text/event-stream");
        response.setCharacterEncoding("UTF-8");
        System.out.println("clinic/get got hit");

        try {
            Writer out = response.getWriter();
            out.write("data: welcome data"+random);
            out.flush();
            out.close();
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }

我正在使用STS(Spring工具套装),我想知道,当我在EventSource(源)对象上使用ctrl + space时,在选项中它只显示onopen()和onerror(),其中是onmessage()。

如果我得到任何回应,我将不胜感激。--谢谢


答案 1

解决了!!!

代码没有问题,实际问题是当我向客户端编写响应时,我的响应消息应如下所示。

PrintWriter out = response.write("data: message"+value+"\n\n");
out.flush(); //don't forget to flush

在我的代码中,我缺少响应对象中的最后一部分“\n\n”,因此在javascript中没有被击中。source.onmessage(datalist)

疯狂的编码..


答案 2

我认为正确的格式是:

out.write("event: message\n");
out.write("data:" + value + "\n\n");

处理程序假定事件名称为 。如果要使用其他事件名称,可以使用 订阅它们。onmessagemessageaddEventListener