javascript - HTML5 → 动态关联的服务器发送事件

Question

我刚开始使用 SSE，想知道如何让它们变得更有活力。

我正在使用 Box 来选择用户以及与用户名相对应的图像和文本更改。现在我想通过 SSE 检查用户更新，并希望用户仍然可以选择。

我在更改框时尝试添加eventSource<select>：

function setSelected(elm) {
    selectedName = elm.options[elm.selectedIndex].innerHTML;

    var eSource = new EventSource("getState.php?passVar=" + selectedName);
    eSource.onmessage = function(event) {
        document.getElementById("stateText").innerHTML = event.data;
    };
}

我怎样才能达到我的目标？

编辑 我现在已经成功添加了 eventSource（我的源本身有问题）。

但是当我现在添加另一个源时，我实际上有两个源在运行。我怎样才能删除旧的？

Answer 1

要删除以前的事件源，请使用close()方法。您将不得不以eSource某种方式保留对周围的引用才能做到这一点。