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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
คือผมจะ ดึงรูปใน เบสออกมาโชวอ่ะครับ
โดย kingadora ส 19 ม.ค. 2008 6:33 pm บอร์ด Programming - PHP
4
1913
ส 19 ม.ค. 2008 11:23 pm โดย mindphp
ระบบกวนเข้ามาอ่านหน่อยจ้า
โดย nutzajung ส 19 ม.ค. 2008 6:15 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
0
1020
ส 19 ม.ค. 2008 6:15 am โดย nutzajung
กฏการใช้งานบอร์ดถามตอบการใช้งาน OpenSource โปรแกรมสำเร็จรูป CMS เว็บบอร์ด
โดย mindphp ส 19 ม.ค. 2008 5:54 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
8
20093
อ 12 มิ.ย. 2011 12:02 pm โดย suukmiie
ระบบกวนดูปัญหาให้หน่อยคับ มีรูปจ้า
โดย nutzajung ส 19 ม.ค. 2008 5:32 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
4
1774
พ 05 มี.ค. 2008 8:23 am โดย pop_phoenix
update ข้อมูลไม่ได้ค่ะ
โดย ผู้สงสัย ส 19 ม.ค. 2008 12:52 am บอร์ด Programming - PHP
4
1330
ส 19 ม.ค. 2008 1:29 am โดย mindphp
แสดงข้อมูลไม่ได้อะครับ รบกวนครัยรู้ช่วยตอบหน่อยนะครับ
โดย ThonyME ศ 18 ม.ค. 2008 10:30 pm บอร์ด Programming - PHP
1
987
ส 19 ม.ค. 2008 12:53 am โดย mindphp
รับเขียน module, component รับทำ สอน ทำธีม tempalte Joomla พัฒนาโปรแกรม CRM HR
โดย mindphp ศ 18 ม.ค. 2008 5:41 pm บอร์ด Programming - PHP
32
69826
พฤ 31 พฤษภาคม 2018 3:14 pm โดย บุคคลทั่วไป
การ add ข้อมูล
โดย wanvisa ศ 18 ม.ค. 2008 4:12 pm บอร์ด Programming - PHP
2
1293
ศ 18 ม.ค. 2008 5:19 pm โดย wanvisa
Listbox 3 ชั้น เพื่อการดึงข้อมูลและแสดงข้อมูลด้วยจาก MySQL
โดย twin ศ 18 ม.ค. 2008 4:19 am บอร์ด SQL - Database
4
3627
ส 19 ม.ค. 2008 9:22 pm โดย twin
preg_replace( ) , preg_replace_callback ( ) ใช้งานยังไงค่ะ
โดย maim ศ 18 ม.ค. 2008 2:02 am บอร์ด Programming - PHP
3
1646
พฤ 24 ม.ค. 2008 9:46 am โดย mindphp
อยากถามเกี่ยวกับ ฟังก์ชัน md5
โดย nongball พฤ 17 ม.ค. 2008 9:14 pm บอร์ด Programming - PHP
1
1106
ศ 18 ม.ค. 2008 2:10 am โดย mindphp
ขอถามการ send mail หน่อยครับ
โดย sersa พฤ 17 ม.ค. 2008 6:33 pm บอร์ด Programming - PHP
1
959
ศ 18 ม.ค. 2008 12:16 am โดย mindphp
แนวการเขียนCode ในการจัดรูปสมการ ที่ติดตัวแปร ทำไงได้บ้างคะ
โดย aomsri_002 พฤ 17 ม.ค. 2008 9:51 am บอร์ด Programming - PHP
1
1253
ศ 18 ม.ค. 2008 3:47 pm โดย mindphp
แนวการเขียนCode ในการจัดรูปสมการ ที่ติดตัวแปร ทำไงได้บ้างคะ
โดย aomsri_002 พฤ 17 ม.ค. 2008 9:50 am บอร์ด JavaScript & Jquery Ajax
9
3782
พ 23 ม.ค. 2008 10:17 pm โดย mindphp
ขอลิงค์ที่ Login แล้วเข้าหน้า Administration Control Panel.
โดย skung พฤ 17 ม.ค. 2008 3:21 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
1373
พฤ 17 ม.ค. 2008 5:16 am โดย mindphp
ถามเกี่ยวกับ การใช้ phpBB ครับ
โดย skung พ 16 ม.ค. 2008 12:34 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
4
1737
พฤ 17 ม.ค. 2008 3:23 am โดย skung
สอบถามเกี่ยวกับการใช้ฟังก์ชัน mail() ครับ
โดย nongball อ 15 ม.ค. 2008 9:34 pm บอร์ด Programming - PHP
11
3629
พ 20 ก.พ. 2008 10:40 am โดย mindphp
โค้ดการจัดรูปสมการ ใครรู้ตอบหน่อยนะค่ะ
โดย maim อ 15 ม.ค. 2008 7:24 am บอร์ด Programming - PHP
4
1062
พ 16 ม.ค. 2008 9:47 pm โดย mindphp
openssl_csr_sign() มีปัญหาครับ
โดย poweronline007 จ 14 ม.ค. 2008 5:37 am บอร์ด Programming - PHP
5
1023
อ 15 ม.ค. 2008 8:10 pm โดย icphysics
ช่วยดูให้หน่อยครับ ว่าจะแก้ยังไงครับ เกี่ยวกับ osCommerce
โดย djopos จ 14 ม.ค. 2008 12:49 am บอร์ด Programming - PHP
3
1386
จ 14 ม.ค. 2008 10:03 am โดย mindphp