aboutsummaryrefslogtreecommitdiff
path: root/files/ja/web/api/eventsource/eventsource/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/ja/web/api/eventsource/eventsource/index.html')
-rw-r--r--files/ja/web/api/eventsource/eventsource/index.html77
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>