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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ธนาคารจำลองทำอย่างไรค่ะ
โดย nate_01 อ 08 ม.ค. 2008 5:39 pm บอร์ด Programming - PHP
1
1039
อ 08 ม.ค. 2008 11:16 pm โดย mindphp
ajax+refresh+แบ่งหน้า
โดย vsas อ 08 ม.ค. 2008 5:30 pm บอร์ด JavaScript & Jquery Ajax
2
4216
พ 09 ม.ค. 2008 12:34 am โดย mindphp
ขอถามการทำ Output Cache หรือ Data Cache ของ PHP
โดย Ballz อ 08 ม.ค. 2008 7:16 am บอร์ด Programming - PHP
2
1416
พ 09 ม.ค. 2008 6:32 am โดย Ballz
ต้องการเขียนโค๊ดอัพโหลดไฟล์ขึ้นเว็บค่ะ PHP พึ่งหัดเขียน
โดย rabbiz จ 07 ม.ค. 2008 8:24 pm บอร์ด Programming - PHP
1
1654
จ 07 ม.ค. 2008 10:20 pm โดย mindphp
พี่ลองเข้ามาดูใหม่นะค่ะ แก้คำถามแหละถามเกี่ยวกับการแสดงข้อมู
โดย beebee1 จ 07 ม.ค. 2008 5:27 pm บอร์ด Programming - PHP
2
980
จ 07 ม.ค. 2008 5:53 pm โดย beebee1
ใครทำเว็บ อีคอมเมิร์ช เป็นมั้งครับ?
โดย djopos จ 07 ม.ค. 2008 11:18 am บอร์ด Programming - PHP
1
1099
จ 07 ม.ค. 2008 5:49 pm โดย mindphp
Parse error: parse error, unexpected $end
โดย fwall จ 07 ม.ค. 2008 4:59 am บอร์ด Programming - PHP
1
1903
จ 07 ม.ค. 2008 6:29 am โดย mindphp
มือใหม่หัดสร้าง CA
โดย poweronline007 จ 07 ม.ค. 2008 12:28 am บอร์ด Programming - PHP
5
1383
อ 08 ม.ค. 2008 9:44 pm โดย poweronline007
ขอถามเรื่องการแบ่ง Page ครับ
โดย Ballz อ 06 ม.ค. 2008 7:46 pm บอร์ด Programming - PHP
2
1213
จ 07 ม.ค. 2008 6:26 am โดย mindphp
ขอข้อมูลวิธีการใช้ function checkFields ครับ
โดย fay01 อ 06 ม.ค. 2008 4:27 am บอร์ด Programming - PHP
2
970
อ 06 ม.ค. 2008 7:58 am โดย mindphp
อยากเปลี่ยนStyles ของ PHP BB2 อะคาฟ
โดย JayFang อ 06 ม.ค. 2008 2:45 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
1641
อ 06 ม.ค. 2008 4:19 am โดย mindphp
เขียนโปรแกรมยังไง(PHP)--แตกไฟล์ rar โดยไม่ให้เลือก Directory
โดย rabbiz ส 05 ม.ค. 2008 5:42 pm บอร์ด Programming - PHP
3
1886
อ 06 ม.ค. 2008 2:13 am โดย mindphp
สอบถามเกี่ยวกับชนิดข้อมูล
โดย taneeporn ส 05 ม.ค. 2008 9:44 am บอร์ด SQL - Database
5
2372
อ 06 ม.ค. 2008 7:23 pm โดย mindphp
สอบถามเกี่ยวกับ ADOdb
โดย taneeporn ส 05 ม.ค. 2008 9:41 am บอร์ด SQL - Database
3
1673
อ 06 ม.ค. 2008 2:13 am โดย mindphp
ช่วยอธิบาย Method ใน php หน่อยครับ กำลังง พร้อมวิธีใช้นะครับ
โดย conan ส 05 ม.ค. 2008 9:32 am บอร์ด Programming - PHP
1
805
ส 05 ม.ค. 2008 9:54 am โดย mindphp
ปัญหาติดตั้งครับ phpbb
โดย schwinp ส 05 ม.ค. 2008 4:35 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
3
1626
จ 26 พฤษภาคม 2008 6:26 am โดย mindphp
ทำ listmenu คล้ายเลือกจังหวัด
โดย mon ส 05 ม.ค. 2008 12:16 am บอร์ด Programming - PHP
1
1563
ส 05 ม.ค. 2008 12:43 am โดย mindphp
check box กับการบันทึกข้อมูล
โดย optic ศ 04 ม.ค. 2008 9:43 pm บอร์ด Programming - PHP
4
1577
ส 05 ม.ค. 2008 12:06 am โดย optic
คือผมอยากให้ส่งเมลล์สำเร็จแล้วมันลิงค์ไปหน้าweb
โดย fay01 ศ 04 ม.ค. 2008 9:19 pm บอร์ด Programming - PHP
5
1193
ส 05 ม.ค. 2008 6:05 am โดย mindphp
ดึงรูปสมาชิกจากตาราง member ไปใส่ในตาราง webboard ทำยังงัยคะ
โดย attas ศ 04 ม.ค. 2008 3:53 pm บอร์ด Programming - PHP
1
852
ศ 04 ม.ค. 2008 8:50 pm โดย attas