diff options
Diffstat (limited to 'files/ja/web/api/eventsource/eventsource/index.html')
-rw-r--r-- | files/ja/web/api/eventsource/eventsource/index.html | 77 |
1 files changed, 77 insertions, 0 deletions
diff --git a/files/ja/web/api/eventsource/eventsource/index.html b/files/ja/web/api/eventsource/eventsource/index.html new file mode 100644 index 0000000000..c8909fa3d4 --- /dev/null +++ b/files/ja/web/api/eventsource/eventsource/index.html @@ -0,0 +1,77 @@ +--- +title: EventSource() +slug: Web/API/EventSource/EventSource +tags: + - API + - EventSource + - Server-sent events + - コンストラクタ + - リファレンス +translation_of: Web/API/EventSource/EventSource +--- +<div>{{APIRef('WebSockets API')}}</div> + +<p><code><strong>EventSource</strong></code><strong><code>()</code></strong> コンストラクタは、リモートリソースを表す新しく作成された {{domxref("EventSource")}} を返します。</p> + +<h2 id="構文">構文</h2> + +<pre class="syntaxbox">eventSource = new EventSource(<em>url</em>, <em>configuration</em>);</pre> + +<h3 class="syntaxbox" id="引数">引数</h3> + +<dl> + <dt><code>url</code></dt> + <dd>イベント/メッセージを処理するリモートリソースの場所を表す{{domxref("USVString")}}。</dd> + <dt><code>configuration</code> {{optional_inline}}</dt> + <dd>新しい接続を構成するオプションを提供します。可能なエントリは次のとおりです: + <p><code>withCredentials</code> 、デフォルトは <code>false</code> で、CORS に証明書を<code>含める</code>かどうかを指定します。</p> + </dd> +</dl> + +<h2 id="例">例</h2> + +<pre class="brush: js">var evtSource = new EventSource('sse.php'); +var eventList = document.querySelector('ul'); + +evtSource.onmessage = function(e) { + var newElement = document.createElement("li"); + + newElement.textContent = "message: " + e.data; + eventList.appendChild(newElement); +}</pre> + +<div class="note"> +<p><strong>メモ</strong>: 完全な例を GitHub から見つけることができます — <a href="https://github.com/mdn/dom-examples/tree/master/server-sent-events">PHP を用いた簡単な SSE のデモ</a> を参照。</p> +</div> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">仕様</th> + <th scope="col">ステータス</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', "comms.html#dom-eventsource", "EventSource()")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>初期定義</td> + </tr> + </tbody> +</table> + +<ul> +</ul> + +<h2 id="ブラウザ互換性">ブラウザ互換性</h2> + + + +<p>{{Compat("api.EventSource.EventSource")}}</p> + +<h2 id="関連情報">関連情報</h2> + +<ul> + <li>{{domxref("EventSource")}}</li> +</ul> |