ให้เรตสมาชิก: 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
Plugins Content - Page Navigation ในหลังบ้าน Joomla ใช้งานอย่างไร มีไว้นำทางข้อมูลข่าวสาร รึเป่าครับ
โดย บุคคลทั่วไป อ 30 พฤษภาคม 2017 3:31 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
63
อ 30 พฤษภาคม 2017 3:31 am โดย บุคคลทั่วไป
9 ประเภทโฆษณาบน Facebook (เฟซบุ๊ก)
โดย meeieis จ 29 พฤษภาคม 2017 3:33 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
98
จ 29 พฤษภาคม 2017 3:33 pm โดย meeieis
ข้อดีและข้อเสียของโปรแกรม OpenERP
โดย pleng จ 29 พฤษภาคม 2017 3:25 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
80
จ 29 พฤษภาคม 2017 3:25 pm โดย pleng
Facebook Ads Services บริการทำการตลาดผ่านเฟซบุ๊ก
โดย meeieis จ 29 พฤษภาคม 2017 2:33 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
78
จ 29 พฤษภาคม 2017 2:33 pm โดย meeieis
Facebook Marketing (เฟซบุ๊ก มาร์เก็ตติ้ง) การทำการตลาดบนเฟซบุ๊ก
โดย meeieis จ 29 พฤษภาคม 2017 1:56 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
104
จ 29 พฤษภาคม 2017 1:56 pm โดย meeieis
OpenERP คืออะไร
โดย pleng จ 29 พฤษภาคม 2017 1:07 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
64
จ 29 พฤษภาคม 2017 1:07 pm โดย pleng
รหัส กับโทรศัพท์ใน อีเมลล์ ถุกแฮค เปลี่ยน
โดย Jidtira Khongreang ส 27 พฤษภาคม 2017 12:02 pm บอร์ด Mobile Programming - Android, iOS, Window Phone
0
75
ส 27 พฤษภาคม 2017 12:02 pm โดย Jidtira Khongreang
เพิ่งติด ais fiber จะต่อเน็ตกับคอมตั้งโต๊ะ winxp ต้องลงโปรแกรมไรเพิ่มครับ ขอบคุณครับ
โดย ทวีพงษ์ สมจารย์ ส 27 พฤษภาคม 2017 1:08 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
80
ส 27 พฤษภาคม 2017 1:08 am โดย ทวีพงษ์ สมจารย์
เงินได้พึงประเมินขั้นต่ำที่ผู้มีเงินได้ต้องยื่นแบบแสดงรายการภาษีปี 2560
โดย pleng ศ 26 พฤษภาคม 2017 2:25 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
66
ศ 26 พฤษภาคม 2017 2:25 pm โดย pleng
INDEX - รวมบทความ/คำถาม ของ โปรแกรมบัญชี Express
โดย pleng ศ 26 พฤษภาคม 2017 10:36 am บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
1
101
ศ 26 พฤษภาคม 2017 10:48 am โดย pleng
ส่วน main menu ของเว็บ ทำอย่างไรครับ
โดย toonytoony2004 พฤ 25 พฤษภาคม 2017 8:34 pm บอร์ด Joomla Development
1
79
พฤ 25 พฤษภาคม 2017 8:34 pm โดย tsukasaz
Q - code ส่วนของ javascript ไม่รันตามลำดับที่วางไว้ต้องแก้อย่างไร
โดย jay_limm พฤ 25 พฤษภาคม 2017 7:13 pm บอร์ด Odoo
0
4
พฤ 25 พฤษภาคม 2017 7:13 pm โดย jay_limm
คำถาม Mysql - Stored procedure มันเก็บ cache ได้มั้ยค่ะ
โดย thatsawan พฤ 25 พฤษภาคม 2017 5:25 pm บอร์ด SQL - Database
3
89
พฤ 25 พฤษภาคม 2017 5:25 pm โดย mindphp
phpmaker ผมโดนสั่งให้ใช้ PHPMaker สร้างหน้าเว็ป
โดย บุคคลทั่วไป พฤ 25 พฤษภาคม 2017 4:10 pm บอร์ด Programming - PHP
1
82
พฤ 25 พฤษภาคม 2017 4:10 pm โดย บุคคลทั่วไป
การรับชำระเงิน ในโปรแกรมบัญชี Express
โดย pleng พ 24 พฤษภาคม 2017 6:26 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
55
พ 24 พฤษภาคม 2017 6:26 pm โดย pleng
การบันทึกรายการรับคืน ในโปรแกรมบัญชี Express
โดย pleng พ 24 พฤษภาคม 2017 4:46 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
48
พ 24 พฤษภาคม 2017 4:46 pm โดย pleng
การบันทึกทำ รายการลดหนี้ ส่งคืนสินค้า ในโปรแกรมบัญชี Express
โดย pleng พ 24 พฤษภาคม 2017 3:57 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
59
พ 24 พฤษภาคม 2017 3:57 pm โดย pleng
การเก็บค่าเวลา หาก input วินาทีมากกว่าหรือเท่ากับ 60 วินาที ให้เก็บเป็นนาที
โดย moomai พ 24 พฤษภาคม 2017 3:46 pm บอร์ด PHP Knowledge
0
85
พ 24 พฤษภาคม 2017 3:46 pm โดย moomai
เพิ่มค่าลดหย่อนให้บุคคลธรรมดา ปี 2560
โดย pleng พ 24 พฤษภาคม 2017 2:56 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
49
พ 24 พฤษภาคม 2017 2:56 pm โดย pleng
อัตราภาษีเงินได้บุคคลธรรมดาใหม่ปี 2560
โดย pleng พ 24 พฤษภาคม 2017 1:18 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
52
พ 24 พฤษภาคม 2017 1:18 pm โดย pleng