ให้เรตสมาชิก: 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
จะupdate sql2ตาราง ขะต้องเขียนโค้ดยังไงค่ะ
โดย Jittraporn Sakdiseth พฤ 20 ก.ค. 2017 11:16 am บอร์ด SQL - Database
1
74
พฤ 20 ก.ค. 2017 11:16 am โดย Komkrit Chaiyarerk
ขอรูปแบบ ออกใบรายงานหน่อยครับ ใบรายงานแผนการผลิต และ ใบรายงานต้นทุนการผลิต
โดย nuattawoot พฤ 20 ก.ค. 2017 10:47 am บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
83
พฤ 20 ก.ค. 2017 10:47 am โดย nuattawoot
การ quote (โควท) หรือ การอ้างอิง
โดย nuattawoot พ 19 ก.ค. 2017 10:24 am บอร์ด phpBB user Guide Knowledge
0
109
พ 19 ก.ค. 2017 10:24 am โดย nuattawoot
จะปริ้นเอกสารออกจาก odoo9 เเต่ font มันเพี้ยนจะไปเช็คได้จากที่ไหนค่ะ
โดย thatsawan อ 18 ก.ค. 2017 10:20 pm บอร์ด Odoo
8
24
อ 18 ก.ค. 2017 10:20 pm โดย thatsawan
Restore Database ไม่ได้ ขึ้นว่า Database restore error: Command `psql` not found.
โดย thatsawan อ 18 ก.ค. 2017 8:34 pm บอร์ด Odoo
2
6
อ 18 ก.ค. 2017 8:34 pm โดย mindphp
เข้าเฟสไม่ได้ ทั้งที่ใส่ระหัสถูก
โดย เมย์เม้ อ 18 ก.ค. 2017 6:54 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
101
อ 18 ก.ค. 2017 6:54 pm โดย mindphp
การบันทึกรายได้อื่นๆ ในโปรแกรมบัญชี Express
โดย pleng อ 18 ก.ค. 2017 5:17 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
71
อ 18 ก.ค. 2017 5:17 pm โดย pleng
แถบเมนูบาร์ด้านบน Joomla3.7.3. อยู่ๆก็หายไป
โดย Before Dong อ 18 ก.ค. 2017 4:54 pm บอร์ด Joomla Dev
1
8
อ 18 ก.ค. 2017 4:54 pm โดย Before Dong
การลงรายละเอียดรายได้อื่นๆ ในโปรแกรมบัญชี Express
โดย pleng อ 18 ก.ค. 2017 3:45 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
60
อ 18 ก.ค. 2017 3:45 pm โดย pleng
สอบถามจะเขียนคำสั่งเรียกรูปจากโฟลเดอร์มาใช้ของ phpbb
โดย AePongsak อ 18 ก.ค. 2017 3:16 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
4
84
อ 18 ก.ค. 2017 3:16 pm โดย AePongsak
การรับเงินมัดจำจากลูกค้า ในโปรแกรมบัญชี Express
โดย pleng อ 18 ก.ค. 2017 2:29 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
63
อ 18 ก.ค. 2017 2:29 pm โดย pleng
อยากทราบว่า Ticket Management คืออะไร
โดย araxvaan จ 17 ก.ค. 2017 4:52 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
81
จ 17 ก.ค. 2017 4:52 pm โดย mindphp
สอบถามวิธีแก้ error ไฟล์ภาษาใน phpBB3.1.10 ค่ะ
โดย Ik Kat จ 17 ก.ค. 2017 3:52 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
72
จ 17 ก.ค. 2017 3:52 pm โดย mindphp
แนะนำความสามารถใหม่ของ Android Studio 3.0
โดย nuattawoot จ 17 ก.ค. 2017 2:50 pm บอร์ด Mobile Programming - Android, iOS, Window Phone
0
99
จ 17 ก.ค. 2017 2:50 pm โดย nuattawoot
สอบถามจะสร้าง regular expression ทำงานร่วมกับ selenium test จะต้องทำอย่างไรครับ
โดย บัวบุญ จันทะโคตร จ 17 ก.ค. 2017 2:44 pm บอร์ด Programming - C/C++ & java & Python
1
108
จ 17 ก.ค. 2017 2:44 pm โดย mindphp
Re: ใครเจอปัญหา facebook.com เข้าไม่ได้ แก้ด้วยวิธีนี้ดู
โดย บุคคลทั่วไป จ 17 ก.ค. 2017 6:51 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
94
จ 17 ก.ค. 2017 6:51 am โดย บุคคลทั่วไป
ในการดาวน์โหลดหรือลงชื่อเข้าใช้มีผลเสียก
โดย Thawatchai Wonglakorn ส 15 ก.ค. 2017 1:54 pm บอร์ด Programming - PHP
1
80
ส 15 ก.ค. 2017 1:54 pm โดย mindphp
ฟรีโค้ดติดเว็บ สลากกินแบ่งรัฐบาล api
โดย naiaye ศ 14 ก.ค. 2017 3:35 pm บอร์ด Free PHP Code Download script
0
192
ศ 14 ก.ค. 2017 3:35 pm โดย naiaye
สอบถามจะสร้าง Event ที่เรียกใช้ไฟล์ css จะต้องทำอย่างไร
โดย AePongsak ศ 14 ก.ค. 2017 2:28 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
5
147
ศ 14 ก.ค. 2017 2:28 pm โดย AePongsak
วิธีเปิดใช้งานเส้น Grid ใน Photoshop
โดย Before Dong ศ 14 ก.ค. 2017 11:42 am บอร์ด Graphic design
0
62
ศ 14 ก.ค. 2017 11:42 am โดย Before Dong