ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 
Websocket ใน HTML 5 เทคโนโลยี ติดต่อเร็ว กว่า Ajax ไม่ต้องรีเฟรชหน้า
Websocket ใน HTML 5 เทคโนโลยี ติดต่อเร็ว กว่า Ajax ไม่ต้องรีเฟรชหน้า

Websocket คือ ถ้าจะอธิบายให้สั้นๆ และได้ใจความ Websocket เป็นเทคโนโลยีเพื่อใช้ การติดต่อสือสารระหว่าง Web server กับ Client แบบ Real Time Client ที่เป็น html5 + Javascript สามารถรับข้อมูลทางผั่ง Server มาแสดงผลได้ ผ่าน Protocol TCP/IP โดยไม่ต้อง Refresh หน้า เช่นเดียวกับ Ajax แต่ Websocket นั้นมีข้อดีกว่า Ajax คือ Websocket ไม่ต้องส่ง Request ใหม่ เพื่อส่งคำรองขอไปยัง server และ รอรับ respond จากทางฝั่ง Server ทำให้ Websocket ประหยัดทั้งเวลา และปริมาณข้อมูลที่ส่งไปมาระหว่าง web server กับ Client โดยการทำงานของ Websocket มันจะรอรับ Message ทางฝั่ง web server อยู่ตลอดเวลา หลังจากที่ได้ส่งคำสั่ง ติดต่อ Websocket Server ไปแล้วในครั้งแรก และมันจะรอรับ Message จนกระทั้งจะสั่ง Close หรือหยุดการติดต่
ลองดูตัวอย่างโค้ด HTML + Websocket

<!DOCTYPE html>

<meta charset="utf-8" />

<title>WebSocket Test By Mindphp.com</title>

<script language="javascript" type="text/javascript">

  var wsUri = "ws://echo.websocket.org/";
  var output;

  function init()
  {
    output = document.getElementById("output");
    testWebSocket();
  }

  function testWebSocket()
  {
    websocket = new WebSocket(wsUri);
    websocket.onopen = function(evt) { onOpen(evt) };
    websocket.onclose = function(evt) { onClose(evt) };
    websocket.onmessage = function(evt) { onMessage(evt) };
    websocket.onerror = function(evt) { onError(evt) };
  }

  function onOpen(evt)
  {
    writeToScreen("CONNECTED");
    doSend("WebSocket rocks");
  }

  function onClose(evt)
  {
    writeToScreen("DISCONNECTED");
  }

  function onMessage(evt)
  {
      alert(evt);
    writeToScreen('<span style="color: blue;">RESPONSE: ' + evt.data+'</span>');
    websocket.close();
  }

  function onError(evt)
  {
    writeToScreen('<span style="color: red;">ERROR:</span> ' + evt.data);
  }

  function doSend(message)
  {
    writeToScreen("SENT: " + message); 
    websocket.send(message);
  }

  function writeToScreen(message)
  {
    var pre = document.createElement("p");
    pre.style.wordWrap = "break-word";
    pre.innerHTML = message;
    output.appendChild(pre);
  }

  window.addEventListener("load", init, false);

</script>

<h2>WebSocket Test</h2>
<input id="text" name="text" type="text" size="36">
<label>
<input type="submit" name="button" id="button" value=" Send " onClick=" doSend(document.getElementById('text').value);">
</label>
<div id="output"></div>

</html> 

เรียกน้ำย่อยวันนี้แค่นี้ก่อน วันหลังจะเอาความรู้เรื่อง เทคโนโลยี ตัวนี้มาลงอีกครับ พูดคุยกันได้ที่เว็บบอร์ด Pogramming - PHP

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
วิธีการแสดงชื่อผู้ใช้งานจริงๆ สำหรับผู้ที่โพสด้วยนามแฝง โดยจะเห็นเพียง Admin ใน phpbb
โดย Ittichai_chupol อ 12 ก.พ. 2019 4:38 pm บอร์ด PHP Knowledge
0
36
อ 12 ก.พ. 2019 4:38 pm โดย Ittichai_chupol
Features Review : Plugin MD Watermark memudahkan dalam meletakan tanda air atau watermark
โดย abdkode อ 12 ก.พ. 2019 4:20 pm บอร์ด Bahasa Language
0
23
อ 12 ก.พ. 2019 4:20 pm โดย abdkode
ทำความรู้จักกับการแบนอีเมลล์ และวิธีในการแบนอีเมลล์ สำหรับผู้ดูเเลระบบหรือแอดมิน
โดย จันนุสรณ์ ดีแก่ อ 12 ก.พ. 2019 11:07 am บอร์ด phpBB user Guide Knowledge
0
36
อ 12 ก.พ. 2019 11:07 am โดย จันนุสรณ์ ดีแก่
ทำความรู้จักกับการยกเลิกการแบนชื่อผู้ใข้ในการเข้าสู่ระบบ วิธีการยกเลิกการแบน สำหรับผู้ดูแลระบบ
โดย จันนุสรณ์ ดีแก่ อ 12 ก.พ. 2019 10:43 am บอร์ด phpBB user Guide Knowledge
0
29
อ 12 ก.พ. 2019 10:43 am โดย จันนุสรณ์ ดีแก่
งานประจำวันที่ 12 กุมภาพันธ์ 2562
โดย Four อ 12 ก.พ. 2019 10:09 am บอร์ด M077 - อิษยา งามสอาด
1
8
อ 12 ก.พ. 2019 6:50 pm โดย Four
การลุกไปทำงานแต่ละวัน
โดย จันนุสรณ์ ดีแก่ จ 11 ก.พ. 2019 7:05 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
60
จ 11 ก.พ. 2019 7:05 pm โดย จันนุสรณ์ ดีแก่
อยากทราบวิธีการกเลือกฟล์ เอาเพียงเเค่ไฟล์ รูปภาพ ด้วยการใช้ javascipt ใน phpbb
โดย Ittichai_chupol จ 11 ก.พ. 2019 5:24 pm บอร์ด Programming - PHP
0
47
จ 11 ก.พ. 2019 5:24 pm โดย Ittichai_chupol
0 Class 'JToolbarHelper' not found
โดย Nattawut Siri จ 11 ก.พ. 2019 3:06 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
0
38
จ 11 ก.พ. 2019 3:06 pm โดย Nattawut Siri
สอบถามปัญหา Class 'JToolbarHelper' not found
โดย Nattawut Siri จ 11 ก.พ. 2019 1:30 pm บอร์ด Joomla Development
4
80
จ 11 ก.พ. 2019 2:53 pm โดย Nattawut Siri
สอบถามปัญหาเรื่อง Class 'JToolbarHelper' not found
โดย Nattawut Siri จ 11 ก.พ. 2019 1:24 pm บอร์ด Joomla Development
0
41
จ 11 ก.พ. 2019 1:24 pm โดย Nattawut Siri
Q - ต้องการ รับค่าจาก ช่องรับข้อมูล มาเก็บไว้ในตัวแปรทำไง
โดย ธวัชชัย แสนหาญ จ 11 ก.พ. 2019 12:22 pm บอร์ด Programming - C/C++ & java & Python
6
105
อ 12 ก.พ. 2019 6:30 pm โดย ธวัชชัย แสนหาญ
ทำความรู้จักกับการแบนชื่อผู้ใช้ วิธีในส่วนของการแบนชื่อผู้ใช้ สำหรับผู้ดูแลระบบ หรือ แอดมิน
โดย จันนุสรณ์ ดีแก่ จ 11 ก.พ. 2019 11:45 am บอร์ด phpBB user Guide Knowledge
0
66
จ 11 ก.พ. 2019 11:45 am โดย จันนุสรณ์ ดีแก่
การอนุมัติโพสคืออะไร วิธีการอนุมัติโพสในหลายๆ โพสสามารถทำได้อย่างไร สำหรับผู้ดูแลระบบ
โดย จันนุสรณ์ ดีแก่ จ 11 ก.พ. 2019 11:21 am บอร์ด phpBB user Guide Knowledge
0
50
จ 11 ก.พ. 2019 11:21 am โดย จันนุสรณ์ ดีแก่
รายงานความคืบหน้า / Process
โดย tsukasaz จ 11 ก.พ. 2019 10:32 am บอร์ด MlineCRM Line + MD-CRM
1
7
ศ 15 ก.พ. 2019 7:47 pm โดย Parichat
อยากทราบวิธีการ เปลี่ยนค่าของโพสต์ ใน phpbb
โดย Ittichai_chupol ส 09 ก.พ. 2019 1:11 pm บอร์ด Programming - PHP
1
73
ส 09 ก.พ. 2019 1:13 pm โดย mindphp
Q - ทำไมผมดึง From แล้วหา From ที่จะดึงมา import ไม่เจอครับ
โดย ธวัชชัย แสนหาญ ศ 08 ก.พ. 2019 4:00 pm บอร์ด Programming - C/C++ & java & Python
3
106
ศ 08 ก.พ. 2019 5:33 pm โดย ธวัชชัย แสนหาญ
B-ไม่สามารถบันทึกรับเงินได้
โดย Chidchanok ศ 08 ก.พ. 2019 1:40 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
3
ศ 08 ก.พ. 2019 1:40 pm โดย Chidchanok
ความสำเร็จกับอุปสรรค
โดย จันนุสรณ์ ดีแก่ ศ 08 ก.พ. 2019 11:27 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
76
ศ 08 ก.พ. 2019 11:27 am โดย จันนุสรณ์ ดีแก่
ทำความรู้จักกับไอคอนกระทู้ การกำหนดความสูงของไอคอน กระทู้ สำหรับผู้ดูแลระบบ
โดย จันนุสรณ์ ดีแก่ ศ 08 ก.พ. 2019 10:50 am บอร์ด phpBB user Guide Knowledge
0
63
ศ 08 ก.พ. 2019 10:50 am โดย จันนุสรณ์ ดีแก่
[Extension phpBB3.1.1] ]Portuguese / Português Extension ภาษาโปรตุเกส
โดย จันนุสรณ์ ดีแก่ ศ 08 ก.พ. 2019 10:18 am บอร์ด phpBB 3.1 Extension Review
0
69
ศ 08 ก.พ. 2019 10:18 am โดย จันนุสรณ์ ดีแก่