blob: 743031232892f8ad43abf7f12ea285be3d06d23a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
|
---
title: Server-sent events
slug: Web/API/Server-sent_events
translation_of: Web/API/Server-sent_events
---
<p>{{DefaultAPISidebar("เซิร์ฟเวอร์ส่งเหตุการณ์")}}</p>
<p>ตามเนื้อผ้าหน้าเว็บต้องส่งคำขอไปยังเซิร์ฟเวอร์เพื่อรับข้อมูลใหม่ นั่นคือหน้าร้องขอข้อมูลจากเซิร์ฟเวอร์ ด้วยเหตุการณ์ที่เซิร์ฟเวอร์ส่งเป็นไปได้ที่เซิร์ฟเวอร์จะส่งข้อมูลใหม่ไปยังหน้าเว็บได้ตลอดเวลาโดยการส่งข้อความไปยังหน้าเว็บ ข้อความขาเข้าเหล่านี้สามารถใช้เป็น<em>ข้อมูล</em><em><a href="/en-US/docs/DOM/event">กิจกรรม</a> +</em>ในหน้าเว็บ</p>
<h2 id="แนวคิดและการใช้งาน">แนวคิดและการใช้งาน</h2>
<p>เพื่อเรียนรู้วิธีการใช้เหตุการณ์เซิร์ฟเวอร์ส่งดูบทความของเราใช้เหตุการณ์เซิร์ฟเวอร์ส่ง</p>
<h2 id="Interfaces" name="Interfaces">อินเตอร์เฟซ</h2>
<dl>
<dt>{{domxref("EventSource")}}</dt>
<dd>กำหนดคุณสมบัติทั้งหมดที่จัดการการเชื่อมต่อกับเซิร์ฟเวอร์การรับเหตุการณ์ / ข้อมูลข้อผิดพลาดการปิดการเชื่อมต่อ ฯลฯ</dd>
</dl>
<h2 id="ตัวอย่าง">ตัวอย่าง</h2>
<ul>
<li><a href="https://github.com/mdn/dom-examples/tree/master/server-sent-events">Simple SSE demo โดยใช้ PHP</a></li>
</ul>
<h2 id="สเปค">สเปค</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">สเปค</th>
<th scope="col">สถานะ</th>
<th scope="col">คิดเห็น</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName ('HTML WHATWG', '# server-sent-events', 'เหตุการณ์ที่เซิร์ฟเวอร์ส่ง')}}</td>
<td>{{Spec2 ('HTML WHATWG')}}</td>
<td></td>
</tr>
</tbody>
</table>
<h2 id="See_also" name="See_also">ดูสิ่งนี้ด้วย</h2>
<h3 id="Tools" name="Tools">เครื่องมือ</h3>
<ul>
<li><a href="https://github.com/EventSource/eventsource">EventSource polyfill สำหรับ Node.js</a></li>
<li>โพลีฟิลล์<a class="link-https" href="https://github.com/remy/polyfills/blob/master/EventSource.js">EventSource</a>ของชาร์ปของ Remy</li>
<li><a class="link-https" href="https://github.com/Yaffle/EventSource" title="https://github.com/Yaffle/EventSource">EventSource</a> Polyfill ของ Yaffle</li>
<li><a class="link-https" href="https://github.com/rwldrn/jquery.eventsource">ปลั๊กอิน jquery</a>ของ Rick Waldron</li>
<li>intercooler.js <a href="http://intercoolerjs.org/docs.html#sse">สนับสนุน SSE ที่เปิดเผย</a></li>
</ul>
<h3 id="Related_Topics" name="Related_Topics">หัวข้อที่เกี่ยวข้อง</h3>
<ul>
<li><a href="/en-US/docs/AJAX" title="AJAX">AJAX</a></li>
<li><a href="/en-US/docs/JavaScript" title="JavaScript">JavaScript</a></li>
<li><a href="/en-US/docs/WebSockets" title="WebSockets">WebSockets</a></li>
</ul>
<h3 id="แหล่งข้อมูลอื่น_ๆ">แหล่งข้อมูลอื่น ๆ</h3>
<ul>
<li><a href="http://hacks.mozilla.org/2011/06/a-wall-powered-by-eventsource-and-server-sent-events/" title="http://hacks.mozilla.org/2011/06/a-wall-powered-by-eventsource-and-server-sent-events/">ทวิตเตอร์เช่นเดียวกับโปรแกรม</a>ที่ขับเคลื่อนโดยเหตุการณ์เซิร์ฟเวอร์ที่ส่งและ<a class="link-https" href="https://github.com/mozilla/webowonder-demos/tree/master/demos/friends%20timeline" title="https://github.com/mozilla/webowonder-demos/tree/master/demos/friends ไทม์ไลน์">รหัสบน </a>Github</li>
<li><a href="http://dsheiko.com/weblog/html5-and-server-sent-events" title="http://dsheiko.com/weblog/html5-and-server-sent-events">เหตุการณ์ HTML5 และเซิร์ฟเวอร์ที่ส่ง</a></li>
<li><a href="http://rajudasa.blogspot.in/2012/05/html5-server-sent-events-using-aspnet.html" title="http://rajudasa.blogspot.in/2012/05/html5-server-sent-events-using-aspnet.html">เหตุการณ์ที่เซิร์ฟเวอร์ส่งโดยใช้ Asp.Net</a></li>
</ul>
|
