webworkerでxmlhttprequestを継続的に送信する方法は？

Question

私はwebworkerには新しいですが、私は残りのAPIにxmlhttprequestを送信することができました。しかし、ページがアクティブになるまで、このリクエストを何度も繰り返して（ループで）送信します。 実際に値をリアルタイムで表示したいと考えています。私はデータベースにデータが挿入されると、私のWebワーカーはそのページを更新せずにそのデータを表示する単純なWebアプリケーションを作りたいと思っています。 これを行うにはより良い方法がありますか？親切に私を助けてください。 悪い英語をお詫び申し上げます。

Answer 1

あなたは.close()がWorkerで呼ばれる、またはメッセージが.close()を呼び出すためにWorkerのシグナリングWorkerに渡されるまで、サーバーからのストリームを取得するためにEventSourceを使用することができます。

const es = new EventSource("/path/to/server"); 
es.addEventListener("open", function(event) { 
    console.log("event source open") 
}); 
es.addEventListener("message", function(event) { 
    // do stuff with `event.data` 
    console.log(event.data); 
}); 
es.addEventListener("error", function(event) { 
    console.log("event source error", event) 
}); 

button.addEventListener("click", function() { 
    es.close(); 
});