ให้เรตสมาชิก: 4 / 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
MOD_MTB_NEWS_RECENT
สอบถามครับ เวลาคลิ๊กรูปภาพแล้วรูปขยายต้องทำยังไง
โดย บุคคลทั่วไป ศ 14 ก.ค. 2017 11:42 am บอร์ด Joomla Development
1
82
ศ 14 ก.ค. 2017 11:42 am โดย บุคคลทั่วไป
ติดตั้ง ตัวเทียบเวลา บน Ubuntu -Synchronization Time
โดย mindphp ศ 14 ก.ค. 2017 11:18 am บอร์ด Linux - Web Server
1
66
ศ 14 ก.ค. 2017 11:18 am โดย mindphp
Connection PgAdmin 3 บน ubuntu เเล้วขึ้น Error
โดย thatsawan พฤ 13 ก.ค. 2017 10:06 pm บอร์ด SQL - Database
1
54
พฤ 13 ก.ค. 2017 10:06 pm โดย thatsawan
ติดตั้ง openerp7 แล้ว เข้า localhost ไม่ได้
โดย บัวบุญ จันทะโคตร พฤ 13 ก.ค. 2017 10:09 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
7
134
พฤ 13 ก.ค. 2017 4:22 pm โดย mindphp
Business Intelligence (BI) คืออะไร
โดย meeieis พ 12 ก.ค. 2017 5:47 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
131
พ 12 ก.ค. 2017 5:47 pm โดย meeieis
สอบถามเรื่องจะ GET ID จากฐานข้อมูลของ phpBB
โดย AePongsak พ 12 ก.ค. 2017 4:23 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
3
92
พ 12 ก.ค. 2017 4:23 pm โดย thatsawan
Run Raspbery Pi แล้วขึ้นแบบนี้ ช่วยแนะนำหน่อยครับไม่รู้ว่า error อะไรบ้าง
โดย bellzeed พ 12 ก.ค. 2017 3:30 pm บอร์ด Programming - C/C++ & java & Python
2
101
พ 12 ก.ค. 2017 3:30 pm โดย bellzeed
การสร้างใบเสนอราคา ในโปรแกรมบัญชี Express
โดย pleng พ 12 ก.ค. 2017 3:24 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
71
พ 12 ก.ค. 2017 3:24 pm โดย pleng
อัพเดท Joomla 3.7.3 แล้ว Fatal error: Function name must be a string in libraries/cms/router/router.php on line 639
โดย tsukasaz พ 12 ก.ค. 2017 2:28 pm บอร์ด Joomla Development
0
68
พ 12 ก.ค. 2017 2:28 pm โดย tsukasaz
การสร้างใบวางบิล ในโปรแกรมบัญชี Express
โดย pleng พ 12 ก.ค. 2017 11:51 am บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
73
พ 12 ก.ค. 2017 11:51 am โดย pleng
สอบถามค่ะ อัพเกรด joomla3.6.5 เป็นเวอร์ชั่นปัจจุบันแล้วขึ้น Error ค่ะ ต้องแก้ยังไงคะ
โดย moomai จ 10 ก.ค. 2017 11:24 pm บอร์ด Joomla Development
1
81
จ 10 ก.ค. 2017 11:24 pm โดย mindphp
คุณอยู่ที่ไหน
โดย Pawarisa Khuntaput จ 10 ก.ค. 2017 9:26 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
88
จ 10 ก.ค. 2017 9:26 am โดย Pawarisa Khuntaput
การเปลี่ยนภาษา ในโปรแกรมบัญชี Express
โดย pleng ศ 07 ก.ค. 2017 4:53 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
135
ศ 07 ก.ค. 2017 4:53 pm โดย pleng
สอบถามตอน insert จะให้ url ติดเลขไอดีมาด้วยอะครับ
โดย AePongsak ศ 07 ก.ค. 2017 3:55 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
5
98
ศ 07 ก.ค. 2017 3:55 pm โดย AePongsak
Set เวลาให้ RPi แล้ว reboot แต่เวลาไม่เปลี่ยนเป็นเวลาปัจจุบัน
โดย bellzeed ศ 07 ก.ค. 2017 3:48 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
83
ศ 07 ก.ค. 2017 3:48 pm โดย bellzeed
[odoo9] - การแก้ไข javascript บน POS
โดย jay_limm ศ 07 ก.ค. 2017 3:44 pm บอร์ด Odoo
0
8
ศ 07 ก.ค. 2017 3:44 pm โดย jay_limm
การรับสินค้าสำเร็จรูปเข้าคลังหลังจากผลิตเสร็จ ในโปรแกรมบัญชี Express
โดย pleng ศ 07 ก.ค. 2017 3:35 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
66
ศ 07 ก.ค. 2017 3:35 pm โดย pleng
รัน selenium ใน pycharm ไม่ได้ครับ
โดย บัวบุญ จันทะโคตร ศ 07 ก.ค. 2017 3:18 pm บอร์ด Programming - C/C++ & java & Python
4
132
ศ 07 ก.ค. 2017 3:18 pm โดย บัวบุญ จันทะโคตร
Warning: mysqli_fetch_assoc()
โดย ก้าว ก้าว ศ 07 ก.ค. 2017 2:54 pm บอร์ด Programming - PHP
4
140
ศ 07 ก.ค. 2017 2:54 pm โดย tsukasaz
การเบิกวัตถุดิบ ในโปรแกรมบัญชี Express
โดย pleng ศ 07 ก.ค. 2017 2:22 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
75
ศ 07 ก.ค. 2017 2:22 pm โดย pleng