2017-02-10 9 views
1

ページのjavascriptに次のコードがあります。サーバー側のイベントにエラーが発生しました

<script> 
    if (!!window.EventSource) 
     { 
      var source = new EventSource('Stream.cfm'); 
      source.onmessage = function(event) 
     { 
      document.getElementById("result").innerHTML += event.data + "<br>"; 
     }; 
     } 
    else 
     { 
    // Result to xhr polling :(
     } 

    source.addEventListener('message', function(e) { 
    console.log(e.data); 
    }, false); 

    source.addEventListener('open', function(e) { 
    // Connection was opened. 
    console.log('Open'); 
    }, false); 

    source.addEventListener('error', function(e) { 
     console.log('Error'); 
     console.log(e); 
     source.close(); 
    if (e.readyState == EventSource.CLOSED) { 
     // Connection was closed. 
     console.log('Closed'); 
    } 
    }, false); 

</script> 

<div id="result"></div> 

とサーバ側で、私はこれを持っている...

<cfcontent type="text/event-stream"> 
data: Hello World!\n\n 

私は、Web周りのいくつかのウェブサイトから、私は論理的に、これは動作するはずです、それを見ることができるようにこれをコピーしました。しかし、私はそれを実行すると、私はエラーが発生します。それは正しく開きますが、エラーが発生して終了します。

誰かが私が間違っているところを指摘してくれたら、非常に感謝しています。それはOKをロードし、それは爽やかに保ちます...ちょうど私がエラーを取得し、それはそこで停止します。もし私が近所を去っても、それはただ続かずに間違いを続けます。

これが役に立った場合、これはLuceeサーバーで実行されています。

答えて

0

ここにいくつかのコードがあります。私はどこにインスピレーションを得たのか覚えていない。 websocket.orgかもしれませんか?

function log(x) { 
 
\t console.log(x) 
 
} 
 
;(function() { 
 
\t myWebSocket = new WebSocket('ws://echo.websocket.org'); 
 
\t myWebSocket.onopen = function(myEvent) { 
 
\t \t $('body').append('onOpen called<br>'); 
 
\t \t log(myEvent); 
 
\t \t myWebSocket.send('WebSocket rocks'); 
 
\t }; 
 
\t myWebSocket.onclose = function(myEvent) { 
 
\t \t log(myEvent); 
 
\t \t $('body').append('Disconnected<br>'); 
 
\t }; 
 
\t myWebSocket.onmessage = function(myEvent) { 
 
\t \t log(myEvent); 
 
\t \t $('body').append('Response: ' + myEvent.data + '<br>'); 
 
\t \t myWebSocket.close(); 
 
\t }; 
 
\t myWebSocket.onerror = function(myEvent) { 
 
\t \t log(myEvent); 
 
\t \t $('body').append('Error: ' + myEvent.data + '<br>'); 
 
\t }; 
 
})()
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

関連する問題