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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
R- mdsoft_siri_reciept_print (โมดูลปริ้น ใบเสร็จ)
โดย tatiya ส 19 ม.ค. 2019 8:49 pm บอร์ด สิริกิตติรัตน์ - Developer
1
1
ส 19 ม.ค. 2019 8:55 pm โดย tatiya
วิธีการทำ process bar ใน Google Sheets
โดย Chidchanok ส 19 ม.ค. 2019 8:16 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
4
ส 19 ม.ค. 2019 8:16 pm โดย Chidchanok
Q-ไม่สามารถเข้าใช้งาน Open ERP ค่ะ
โดย Chidchanok ส 19 ม.ค. 2019 7:10 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
4
ส 19 ม.ค. 2019 7:10 pm โดย Chidchanok
Q-สอบถามค่ะ ไม่สามารถกด validate ใบแจ้งหนี้ได้
โดย Chidchanok ส 19 ม.ค. 2019 6:44 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
4
ส 19 ม.ค. 2019 6:44 pm โดย Chidchanok
การทำแผนภูมิใน Google Sheets
โดย Chidchanok ส 19 ม.ค. 2019 5:53 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
5
ส 19 ม.ค. 2019 5:53 pm โดย Chidchanok
การเข้าใช้งาน Google Sheets
โดย Chidchanok ส 19 ม.ค. 2019 5:22 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
6
ส 19 ม.ค. 2019 5:22 pm โดย Chidchanok
การใช้งาน Google Docs ใน Google Apps For Education
โดย ณัฐกฤตา บุญญะฤทธิ์ ส 19 ม.ค. 2019 4:05 pm บอร์ด Share Knowledge
0
15
ส 19 ม.ค. 2019 4:05 pm โดย ณัฐกฤตา บุญญะฤทธิ์
วิธีการสร้าง เมนูใน user ด้วย Extensio phpbb
โดย Ittichai_chupol ส 19 ม.ค. 2019 3:29 pm บอร์ด PHP Knowledge
0
5
ส 19 ม.ค. 2019 3:29 pm โดย Ittichai_chupol
อยากทราบวิธีการดึงข้อมูล รายการกระทู้ที่โปรด ใน phpbb
โดย Ittichai_chupol ส 19 ม.ค. 2019 1:50 pm บอร์ด Programming - PHP
0
7
ส 19 ม.ค. 2019 1:50 pm โดย Ittichai_chupol
ข้อแตกต่างระหว่าง Google Sheet กับ Excel
โดย Chidchanok ส 19 ม.ค. 2019 1:47 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
5
ส 19 ม.ค. 2019 1:47 pm โดย Chidchanok
วิธีการเพิ่มสมาชิก มาเป็น ผู้ดูแลระบบ โดย Admin ใน phpbb
โดย Ittichai_chupol ส 19 ม.ค. 2019 1:46 pm บอร์ด PHP Knowledge
0
3
ส 19 ม.ค. 2019 1:46 pm โดย Ittichai_chupol
การตั้งค่า เปิด - ปิด ส่วนการลงทะเบียนสมัครสมาชิก ใน เว็บบอร์ด phpbb
โดย Ittichai_chupol ส 19 ม.ค. 2019 11:22 am บอร์ด phpBB user Guide Knowledge
0
14
ส 19 ม.ค. 2019 11:22 am โดย Ittichai_chupol
รวบรวมวิธีการใช้งาน Google Sheet
โดย Chidchanok ส 19 ม.ค. 2019 11:11 am บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
12
ส 19 ม.ค. 2019 11:11 am โดย Chidchanok
สอบถามวิธีการดึง File ที่ลบใน Google doc กลับ
โดย ณัฐกฤตา บุญญะฤทธิ์ ส 19 ม.ค. 2019 10:19 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
16
ส 19 ม.ค. 2019 10:48 am โดย Ittichai_chupol
การจัดทำใบสั่งซื้อในโปรแกรม Open ERP
โดย Chidchanok ศ 18 ม.ค. 2019 6:21 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
18
ศ 18 ม.ค. 2019 6:21 pm โดย Chidchanok
การรับใบเสนอราคาในโปรแกรม OpenERP
โดย Chidchanok ศ 18 ม.ค. 2019 5:24 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
16
ศ 18 ม.ค. 2019 5:24 pm โดย Chidchanok
การส่งสินค้าในโปรแกรม Open ERP
โดย Chidchanok ศ 18 ม.ค. 2019 4:49 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
14
ศ 18 ม.ค. 2019 4:49 pm โดย Chidchanok
อยากทราบวิธีการแบ่งข้อมูล ออกเป็นชุดๆ ใน phpbb
โดย Ittichai_chupol ศ 18 ม.ค. 2019 3:40 pm บอร์ด Programming - PHP
0
13
ศ 18 ม.ค. 2019 3:40 pm โดย Ittichai_chupol
การเพิ่มข้อมูลผู้จำหน่ายใน โปรแกรม Open ERP
โดย Chidchanok ศ 18 ม.ค. 2019 3:33 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
19
ศ 18 ม.ค. 2019 3:33 pm โดย Chidchanok
Q-กดปรื้นส์ใบเสนอราคาแต่ไม่สามารถดูได้
โดย Chidchanok ศ 18 ม.ค. 2019 2:57 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
4
ศ 18 ม.ค. 2019 2:57 pm โดย Chidchanok