以前にデータの大画面について話しましたが、内部のデータは時々更新されます。在庫データは、随時更新され、Facebook/Twitterの更新、評価の更新、新しいブログ投稿、イベント結果などがすべて時々データの更新が必要です。以前は、更新があるかどうかを確認するようサーバーに依頼していました。 HTML5は、サーバーを介してイベントを送信するときに、アップデートが自動的に到達する可能性があります。
サーバーセベントの使用サーバーセクションは、Eventsourceオブジェクトを介してサーバーメッセージを受信するために非常に簡単に使用できます。次のインシデントがあります。
if(typeof(eventsource)!== undefined){// browser supports server-sent // code ..../サーバーセントイベント通知を受け取ります
var source = new eventsource(haorooms_sse.php); source.onmessage(event){document.getElementById(result).innerhtml + = event.data + << br>;};サーバーサイドコードインスタンス
<? $ time}/n/n;リンクイベントとエラーの両方が追加されます
ifof(eventsource)! ){document.getElementById(result).innerhtml + = event.data + <br>; 、ブラウザはサーバーセントイベントをサポートしていません...;}
コンソールは次のように印刷されていることがわかります。
リンクとエラーを常に入力してください。詳細をクリックしてください
これは、PHPコードが単なるエコーであり、連続出力がないためです。
<? while $ i <$ c)
非停止エラーはありません!
IEブラウザ互換性ソリューションIEブラウザはEventsourceをサポートしていないことを知っています。次のソリューションがあります。
導入eventsource.min.js
完全に解決できます。 githubアドレスを表示できます:https://github.com/yaffle/eventsourceバインディングNodejsも非常に便利です。
NPMインストールイベントソースポリフィル
それはいいです。
githubアドレス:https://github.com/confienced68/demoofsocket/tree/master/serversnt
上記は、この記事のすべての内容です。