Question

我的CGI（python脚本）正在发送数据，如下所示，

Event: 1st_event
id: 1234  (auto-gen number)
Data: some actual data for div-1

Event: 2nd_event
id: 423143 (auto-gen number)
Data: Some actual data for div-2

使用python CGI将数据发送到HTML，想要使用EventSource获取与事件相关的数据。

<body>
    <h1>Info</h1>
    <div id="div1"></div>
    <div id="div2"></div>
    <script>
      var source = new EventSource("/cgi-bin/con5.cgi");
      source.addEventListener('1st_event', function(e) {
        document.getElementById("div1").innerHTML = e.data + "<br>";
        console.log(e.data);
      }, false);

      source.addEventListener('2nd_event', function(f) {
      document.getElementById("div2").innerHTML = f.data + "<br>";
        console.log(f.data);
      }, false);
    </script>
</body>

我想更新div1中第一个事件中的数据和div2中第二个事件中的数据。

这是使用事件源的正确方法吗？

0 个答案: