HTML5 → 동적 연결된 서버 보낸 이벤트

Question

방금 ​​SSE를 사용하기 시작했고 어떻게하면 더 역동적으로 만들 수 있는지 궁금합니다.

사용자를 선택하기 위해 상자를 사용하고 사용자 이름에 해당하는 이미지와 텍스트가 변경됩니다. 이제 SSE를 통해 사용자 업데이트를 확인하고 사용자가 계속 선택 가능하기를 원합니다.

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; 
    }; 
} 

가 어떻게 내 목표에 도달 할 수 있습니다 : 나는 <select> 상자를 변경있을 때

은 내가 eventSource을 추가하려고?

편집 는 지금 (I 소스 자체에 문제가 있었다) 성공적으로 eventSource을 추가했습니다.

그러나 이제 다른 소스를 추가 할 때 실제로 두 소스가 실행 중입니다. 이전 버전을 제거하려면 어떻게해야합니까?

Answer 1

이전 이벤트 소스를 제거하려면 close() method을 사용하십시오. 이 작업을 수행하려면 약 eSource에 대한 참조를 유지해야합니다.