Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTML5でサーバー送信イベントを処理するにはどうすればよいですか？

HTML5でサーバー送信イベントを処理するには、次のコードを実行してみてください。

<!DOCTYPE HTML>
<html>
   <head>
      <script>
         document.getElementsByTagName("eventsource")[0].addEventListener("server-time", eventHandler, false);
         function eventHandler(event)
         {
            // Alert time sent by the server
            document.querySelector('#ticker').innerHTML = event.data;
         }
      </script>
   </head>
   <body>
      <div id = "sse">
         <eventsource src = "/cgi-bin/ticker.cgi" />
      </div>
      <div id = "ticker" name = "ticker">
         [TIME]
      </div>
   </body>
</html>

  1. サーバー送信イベントはHTML5でどのように機能しますか？

    サーバー送信イベントは、サーバーからクライアントへのデータのストリーミング方法を標準化します。 Webアプリケーションでサーバー送信イベントを使用するには、ドキュメントに要素を追加する必要があります。 要素のsrc属性は、イベントを含むデータストリームを送信する永続的なHTTP接続を提供するURLを指している必要があります。 URLは、イベントデータの一貫した送信を処理するPHP、PERL、または任意のPythonスクリプトを指します。以下は、サーバー時間を想定するWebアプリケーションの簡単な例です。 次のコードを実行して、HTML5でサーバー送信イベントを使用する方法を学ぶことが

  2. Jetpack Compose で UI イベントを処理する方法

    この短くて実用的な記事では、Jetpack Compose で UI イベントを処理する方法について説明します。 古いシステムでは、OnClickListeners などのインターフェイスを使用していました。 Compose では、Kotlin の Sealed Classes を最大限に活用できます 、関数の種類 とラムダ式 . コンポーザブルとは何かがわからない場合は、基礎を説明しているこの記事を読むことを検討してください。 この記事は、このビデオで 3 分未満に要約されています。 Sealed クラスで UI イベントをモデル化する方法 まず、UI イベントの意味と、Seale