ホームページ  >  記事  >  ウェブフロントエンド  >  HTML サーバー送信イベント

HTML サーバー送信イベント

(*-*)浩
(*-*)浩オリジナル
2019-10-30 15:19:442297ブラウズ

サーバー送信イベントを使用すると、Web ページがサーバーから更新を取得できるようになります。

HTML サーバー送信イベント

サーバー送信イベント - 一方向メッセージング

サーバー送信イベントは、自動的に取得された Web ページを指します。サーバーリニューアルから。 (推奨学習: html チュートリアル )

Web ページで利用可能な更新があるかどうかを尋ねる必要があった場合は、以前もこれを行うことは可能でした。アップデートは、Server-Sent イベントを通じて自動的に受信できます。

例: Facebook/Twitter の更新、株価の更新、新しいブログの投稿、イベントの結果など。

ブラウザのサポート

表内の番号は、サーバー送信イベントを完全にサポートする最初のブラウザを示します。

HTML サーバー送信イベント

#サーバーから送信されたイベント通知を受信する

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

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

例の説明:

新しい EventSource オブジェクトを作成し、更新を送信するページの URL を指定します (この場合は "demo_sse .php")

更新が受信されるたびに onmessage イベントが発生します

onmessage イベントが発生すると、受信したデータを ID「result」を持つ要素にプッシュします"

#サーバー送信イベントのサポートの検出

TIY の例では、サーバー送信イベントのブラウザー サポートを検出する追加のコードを作成しました:

リーリー

以上がHTML サーバー送信イベントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。