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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
แก้จาก Unwriteable เป็น Writeable
โดย khonnarak จ 10 มี.ค. 2008 12:09 am บอร์ด Programming - PHP
6
1701
จ 10 มี.ค. 2008 4:06 am โดย mindphp
ขอทราบวิธีติดตั้ง function ssh2_connect ของ pecl
โดย numanja อ 09 มี.ค. 2008 10:02 pm บอร์ด Programming - PHP
1
1093
อ 09 มี.ค. 2008 10:06 pm โดย mindphp
เกิดปัญหา เมื่ออัพเดท ข้อมูลลงตารางผ่านหน้า html
โดย loficvetion อ 09 มี.ค. 2008 9:42 pm บอร์ด SQL - Database
1
1154
อ 09 มี.ค. 2008 9:43 pm โดย mindphp
ติดตั้ง php โดยไม่จำลองเครื่องเราเป็นเซิฟเวอร์
โดย khonnarak อ 09 มี.ค. 2008 7:01 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
0
1008
อ 09 มี.ค. 2008 7:01 pm โดย khonnarak
ขอถามวิธีติดตั้ง php ลงเว็๋บหน่อย
โดย khonnarak อ 09 มี.ค. 2008 6:12 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
5
1687
อ 09 มี.ค. 2008 7:05 pm โดย khonnarak
ออกรายงาน php เป็นpdf
โดย rainbowcom อ 09 มี.ค. 2008 5:30 am บอร์ด Programming - PHP
2
1652
อ 09 มี.ค. 2008 6:10 pm โดย mindphp
ตัดตัวแปรอะเรย์ครับ
โดย conan ส 08 มี.ค. 2008 9:32 am บอร์ด JavaScript & Jquery Ajax
3
1970
พฤ 20 มี.ค. 2008 3:15 pm โดย elemental
อยากได้โค๊ดที่มันrefresh ตัวเองค่ะ
โดย k640 ศ 07 มี.ค. 2008 8:13 pm บอร์ด Programming - PHP
1
782
ศ 07 มี.ค. 2008 9:57 pm โดย mindphp
php ผมยังไม่เก่งเลยครับอยากจะเขียนเองบ้าง
โดย hotapiruk ศ 07 มี.ค. 2008 5:58 pm บอร์ด Programming - PHP
1
726
ศ 07 มี.ค. 2008 6:37 pm โดย mindphp
มีกระทู้โพสรูปโป๊เข้ามาในเว็บครับ แก้อย่างไรครับ
โดย toursisaket ศ 07 มี.ค. 2008 3:22 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
4
2506
ศ 07 มี.ค. 2008 11:02 pm โดย toursisaket
รบกวนเกี่ยวกับเรื่องส่งเมลโดยPHPทีครับ
โดย TroyKuB ศ 07 มี.ค. 2008 6:30 am บอร์ด Programming - PHP
10
2645
อ 08 เม.ย. 2008 10:41 am โดย mindphp
การแนบไฟล์
โดย kprasert ศ 07 มี.ค. 2008 12:08 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
9
2793
ศ 20 มิ.ย. 2008 10:04 am โดย mindphp
ขอถามพี่ๆๆ เรื่องการนับจำนวนข้อมูล
โดย rainbowcom พฤ 06 มี.ค. 2008 4:17 pm บอร์ด Programming - PHP
1
1039
ศ 07 มี.ค. 2008 3:25 pm โดย mindphp
ไม่รู้ว่าจะใส่ php หรือสคลิป ลงในดรีมยังไงดีอะคับ
โดย เด็กหัดทำ พฤ 06 มี.ค. 2008 4:20 am บอร์ด Programming - PHP
2
1400
อ 09 มี.ค. 2008 7:51 pm โดย เด็กหัดทำ
php ติดต่อกับเครื่องแสกนลายนิ้วมืออย่างไงครับ
โดย zerocool พ 05 มี.ค. 2008 6:03 pm บอร์ด Programming - PHP
1
953
พฤ 06 มี.ค. 2008 5:35 am โดย mindphp
เรื่อง convert ใน mysql
โดย ICrazyBoy พ 05 มี.ค. 2008 1:52 am บอร์ด SQL - Database
3
1748
พ 05 มี.ค. 2008 8:57 pm โดย mindphp
อยากอัพเวอร์ชั่น เวบบอร์ด phpbb ต้องทำไงอ่ะ
โดย nonnyna อ 04 มี.ค. 2008 9:50 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
4
1848
พ 05 มี.ค. 2008 8:12 am โดย mindphp
ส่ง paramiter php เข้า webservice(ใช้ nusoap)
โดย nococo อ 04 มี.ค. 2008 9:25 pm บอร์ด Programming - PHP
3
2378
อ 04 มี.ค. 2008 10:07 pm โดย mindphp
การรวมค่าตัวแปรที่ได้จากฟอร์มเข้าด้วยกัน
โดย tongking อ 04 มี.ค. 2008 8:57 pm บอร์ด Programming - PHP
5
1178
พ 05 มี.ค. 2008 12:37 am โดย mindphp
ขอถามการเล่นไฟล์ mp3 / video clip ด้วย PHP ครับ
โดย Ballz อ 04 มี.ค. 2008 7:42 pm บอร์ด Programming - PHP
2
3660
ศ 29 ม.ค. 2010 9:30 am โดย mindphp