HTML5のサーバーに送信されイベント（サーバーに送信されイベント）

HTML5サーバは、イベント（サーバー送信されるイベント）を送信するWebページがサーバーから更新を取得することができます。

サーバーに送信されイベント - 方向性メッセージング

サーバーに送信されたイベントは、自動的にサーバからアップデートを取得するウェブサイトです。

以前にもそのように行うことができ、ページは更新が利用可能であるかどうかを確認するために持っていたことを提供します。サーバーがイベントを送信し、更新が自動的に到着します。

例：Facebookの/ Twitterのアップデート、評価の更新、新しいブログ、トーナメントの結果のように。

すべての主要なブラウザは、Internet Explorerに加えて、イベントを送信し、サーバーでサポートされています。

EventSourceオブジェクトは、サーバによって送信されるイベント通知を受信するために使用されます。

var source=new EventSource("demo_sse.php");
source.onmessage=function(event)
{
document.getElementById("result").innerHTML+=event.data + "<br>";
};

分析の例：

以下の例では、我々はによってサポートされているイベントを送信するためにサーバにブラウザを検出するために、いくつかの追加のコードを記述します。

（typeof演算（のEventSource）！== "未定義"）の場合
{
//ブラウザがサーバーに送信されをサポートしています
//いくつかのコード.....
}
ほかに
{
//ブラウザがサーバーに送信されサポートしていません..
}

上記の例を作るために、あなたはまた、（そのようなPHPやASPなど）のサーバーを更新するためにデータを送信できるようにする必要があり、実行することができます。

構文サーバー側のイベントストリームは非常に簡単です。「Content-Typeの「ヘッダー」は、テキスト/イベント・ストリーム」に設定されています。これで、イベントフローの送信を開始することができます。

<？phpの
ヘッダー（ 'Content-Typeの：テキスト /イベントストリーム'）;
ヘッダー（ 'のCache-Control：なし -cache'）;

$時間=日付（ 'R' ）;
エコー"データ：サーバ時間がある：{$時間} \ N \ N";
フラッシュ（）;
？>

ASPコード（VB）（demo_sse.asp）：

<%
Response.ContentType="text/event-stream"
Response.Expires=-1
Response.Write("data: " & now())
Response.Flush()
%>

コードの説明：

上記の例では、メッセージのonMessageイベントを取得するために使用しました。しかし、あなたはまた、他のイベントを使用することができます。