ให้เรตสมาชิก: 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
ต้องการดึงจาก SQL มาแสดง Droplist แต่มันไม่แสดงครับ
โดย bondham ศ 28 เม.ย. 2017 5:04 pm บอร์ด Programming - PHP
3
171
ศ 28 เม.ย. 2017 5:04 pm โดย tsukasaz
อยากทราบวิธี เช็ควัน หมดอายุ ของ SSL ได้ยังไงครับ ?
โดย M029 ศ 28 เม.ย. 2017 3:31 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
71
ศ 28 เม.ย. 2017 3:31 pm โดย M029
สอบถามคะ ติดตั้ง Template ไม่ได้ขึ้น Error เป็นเพราะอะไรคะ
โดย moomai พฤ 27 เม.ย. 2017 7:52 pm บอร์ด Joomla Development
2
53
ศ 28 เม.ย. 2017 1:20 pm โดย tsukasaz
ถ้าจะออกแบบ db แบบระบบคล้ายๆmlm โครงสร้างทีไรบ้าง
โดย bondham อ 23 เม.ย. 2017 1:26 am บอร์ด SQL - Database
6
110
พฤ 27 เม.ย. 2017 7:26 pm โดย bondham
สอบถามค่ะ ในโปรแกรมที่เราสร้างมี errpr ขึ้นหมายความว่ายังไงคะ
โดย moomai พฤ 27 เม.ย. 2017 2:09 pm บอร์ด Programming - PHP
3
188
พฤ 27 เม.ย. 2017 2:09 pm โดย tsukasaz
ติดตั้งโปรแกรม xampp ที่เป็นไฟล์ .zip ต้องทำยังไงบ้างคะ
โดย moomai พฤ 27 เม.ย. 2017 1:56 am บอร์ด Joomla Development
3
75
พฤ 27 เม.ย. 2017 1:56 am โดย mindphp
ติดตั้งโปรแกรม xampp ที่เป็นไฟล์ .zip ต้องทำยังไงบ้างคะ
โดย moomai พฤ 27 เม.ย. 2017 1:55 am บอร์ด Joomla Development
1
38
พฤ 27 เม.ย. 2017 1:55 am โดย Namchatoey
จะจัดตั้งบริษัทใหม่ มีค่าใช้จ่ายประมาณเท่าไหร่ครับ
โดย M029 พ 26 เม.ย. 2017 6:42 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
1
62
พ 26 เม.ย. 2017 6:42 pm โดย M029
ทำสะพานข้ามอ่าวไทย
โดย jataz2 พ 26 เม.ย. 2017 5:04 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
37
พ 26 เม.ย. 2017 5:04 pm โดย jataz2
ทำการติดตั้ง Joomla 1.5 แล้ว Error ต้องแก้ไขยังไงคะ
โดย moomai พ 26 เม.ย. 2017 4:51 pm บอร์ด Joomla Development
8
100
พ 26 เม.ย. 2017 4:51 pm โดย moomai
กำลังศึกษาภาษา Python สงสัยว่าพอเราเขียนชุดคำสั่งเสร็จแล้วจะนำไปใช้งานยังไงครับ
โดย amorn_au พ 26 เม.ย. 2017 11:25 am บอร์ด Programming - C/C++ & java & Python
0
73
พ 26 เม.ย. 2017 11:25 am โดย amorn_au
browser cache คืออะไรค่ะ
โดย thatsawan พ 26 เม.ย. 2017 10:56 am บอร์ด Programming - PHP
0
213
พ 26 เม.ย. 2017 10:56 am โดย thatsawan
มาแล้ว Joomla 3.7 มาตามสัญญา
โดย mindphp อ 25 เม.ย. 2017 11:44 pm บอร์ด PHP News
1
134
อ 25 เม.ย. 2017 11:44 pm โดย mindphp
HTML Error อยู่หน้าเดียวไม่รู้แก้ไขยังไงค่ะ
โดย thatsawan อ 25 เม.ย. 2017 5:17 pm บอร์ด HTML CSS
2
66
อ 25 เม.ย. 2017 7:01 pm โดย thatsawan
เสนอไอเดีย ทำเครื่องกรองน้ำเสีย ต่อท่อน้ำก่อนปล่อยน้ำลงคลอง
โดย jataz2 อ 25 เม.ย. 2017 3:38 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
43
อ 25 เม.ย. 2017 3:38 pm โดย jataz2
บ้าบอลกันไหม
โดย jataz2 อ 25 เม.ย. 2017 3:20 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
31
อ 25 เม.ย. 2017 3:20 pm โดย jataz2
พี่ค่ะอยากจะปรึกษา ระบบจัดการโปรโมชั่นสินค้า
โดย พิม ม. อ 25 เม.ย. 2017 10:07 am บอร์ด Programming - PHP
0
271
อ 25 เม.ย. 2017 10:07 am โดย พิม ม.
คำถาม ขอบเขต จะช่วยให้สนับสนุนการตัดสินใจสินค้าชิ้นนั้นมาจัดโปรโมชั่นอย่างไร
โดย บุคคลทั่วไป อ 25 เม.ย. 2017 10:02 am บอร์ด Programming - PHP
0
137
อ 25 เม.ย. 2017 10:02 am โดย บุคคลทั่วไป
รับสอน รับเขียนโปรแกรม รับปรึกษาโปรเจค ติดต่อ conzeptors@gmail.com
โดย บุคคลทั่วไป จ 24 เม.ย. 2017 4:58 pm บอร์ด Programming - PHP
1
105
จ 24 เม.ย. 2017 4:58 pm โดย บุคคลทั่วไป
Fbstart (เอฟบีสตาร์ท) คืออะไร
โดย bom_002 จ 24 เม.ย. 2017 11:37 am บอร์ด Microsoft Office Knowledge & line & Etc
0
49
จ 24 เม.ย. 2017 11:37 am โดย bom_002