ให้เรตสมาชิก: 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
Install JDK 1.8.0 บน Ubuntu เพื่อใช้ใน การเขียนโปรแกรม ต่างๆ
โดย nuattawoot อ 06 มิ.ย. 2017 3:22 pm บอร์ด Mobile Programming - Android, iOS, Window Phone
0
55
อ 06 มิ.ย. 2017 3:22 pm โดย nuattawoot
ขอวิธีถอน XAMPP บน unbuntu ค่ะ
โดย meeieis อ 06 มิ.ย. 2017 2:15 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
2
58
อ 06 มิ.ย. 2017 2:15 pm โดย meeieis
[odoo9][odoo10]การเพิ่มเมนูผ่านหน้าเว็บ
โดย jay_limm อ 06 มิ.ย. 2017 12:27 pm บอร์ด Odoo
0
5
อ 06 มิ.ย. 2017 12:27 pm โดย jay_limm
ความหมายและการทำงานของ A Record
โดย araxvaan อ 06 มิ.ย. 2017 10:25 am บอร์ด Microsoft Office Knowledge & line & Etc
0
57
อ 06 มิ.ย. 2017 10:25 am โดย araxvaan
การติดต่อ SQL Server ด้วยชุดคำสั่ง ODBC
โดย nuattawoot จ 05 มิ.ย. 2017 4:52 pm บอร์ด SQL Knowledge
0
108
จ 05 มิ.ย. 2017 4:52 pm โดย nuattawoot
ความสามารถของ Plesk
โดย araxvaan ส 03 มิ.ย. 2017 6:53 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
73
ส 03 มิ.ย. 2017 6:53 pm โดย araxvaan
ความสามารถของ DirectAdmin
โดย araxvaan ส 03 มิ.ย. 2017 6:48 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
79
ส 03 มิ.ย. 2017 6:48 pm โดย araxvaan
ความสามารถของ cPanel/WHM
โดย araxvaan ส 03 มิ.ย. 2017 4:51 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
71
ส 03 มิ.ย. 2017 4:51 pm โดย araxvaan
ทำไมต้องเลือก Managed Server
โดย araxvaan ส 03 มิ.ย. 2017 10:40 am บอร์ด Microsoft Office Knowledge & line & Etc
0
67
ส 03 มิ.ย. 2017 10:40 am โดย araxvaan
Reseller Hosting คือ ????
โดย araxvaan ศ 02 มิ.ย. 2017 3:37 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
81
ศ 02 มิ.ย. 2017 3:37 pm โดย araxvaan
ประเภทของ Hosting ที่ควรรู้จัก
โดย araxvaan ศ 02 มิ.ย. 2017 1:10 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
74
ศ 02 มิ.ย. 2017 1:10 pm โดย araxvaan
ข้อที่ควรพึงระวังในการตั้งค่าเผื่อหนี้สงสัยจะสูญ
โดย pleng พฤ 01 มิ.ย. 2017 7:09 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
81
พฤ 01 มิ.ย. 2017 7:09 pm โดย pleng
วิธีเลือก Hosting(โฮสติ่ง) ให้ตรงกับความต้องการ
โดย araxvaan พฤ 01 มิ.ย. 2017 5:07 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
103
พฤ 01 มิ.ย. 2017 5:07 pm โดย araxvaan
วิธีการ Query คำสั่ง SQL ใน Joomla (insert, select, update, delete)
โดย moomai พฤ 01 มิ.ย. 2017 4:34 pm บอร์ด Joomla Development
0
86
พฤ 01 มิ.ย. 2017 4:34 pm โดย moomai
sql
โดย Chanasorn Uthaipetra พฤ 01 มิ.ย. 2017 4:14 pm บอร์ด Programming - PHP
0
57
พฤ 01 มิ.ย. 2017 4:14 pm โดย Chanasorn Uthaipetra
ลง Xampp ที่ไดรฟ์อื่นได้ไหมครับ
โดย toonytoony2004 พ 31 พฤษภาคม 2017 10:15 pm บอร์ด Joomla Development
1
72
พ 31 พฤษภาคม 2017 10:15 pm โดย mindphp
ภ.ง.ด.90 กับ ภ.ง.ด.91 แตกต่างกันยังไง
โดย pleng พ 31 พฤษภาคม 2017 1:33 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
80
พ 31 พฤษภาคม 2017 1:33 pm โดย pleng
สอบถามค่ะ ยังโปรแกรมขึ้น Server แล้วไม่สามารถติดต่อฐานข้อมูลได้เป็นเพระอะไรคะ
โดย moomai พ 31 พฤษภาคม 2017 10:31 am บอร์ด Programming - PHP
3
98
พ 31 พฤษภาคม 2017 10:31 am โดย tsukasaz
ปรับปรุงค่าใช้จ่ายปีภาษี 2560
โดย pleng อ 30 พฤษภาคม 2017 4:04 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
59
อ 30 พฤษภาคม 2017 4:04 pm โดย pleng
ขั้นตอนในการลงโฆษณาบน Facebook
โดย meeieis อ 30 พฤษภาคม 2017 2:47 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
79
อ 30 พฤษภาคม 2017 2:47 pm โดย meeieis