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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
วิธีรันโปรแกรม .bat file ใน task schedule โดยไม่เปิด windows ขึ้นมาให้กวนใจ
โดย jirawoot อ 25 ส.ค. 2020 4:46 pm บอร์ด Python Knowledge
0
196
อ 25 ส.ค. 2020 4:46 pm โดย jirawoot
Tracking prevention คืออะไร และมีประโยชน์อย่างไร?
โดย nai_cyp อ 25 ส.ค. 2020 4:21 pm บอร์ด Share Knowledge
0
185
อ 25 ส.ค. 2020 4:21 pm โดย nai_cyp
สอบถามการ ใช้งาน module filter ของ MooZiiCart ค่ะ
โดย bolue อ 25 ส.ค. 2020 4:06 pm บอร์ด MindPHP News & Feedback
4
184
พ 26 ส.ค. 2020 10:27 am โดย bolue
การเช็คข้อมูลการนำส่ง ภ.ง.ด. 90/91
โดย natthanit.r2538 อ 25 ส.ค. 2020 3:51 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
1
152
อ 25 ส.ค. 2020 4:25 pm โดย natthanit.r2538
มาแล้ววว MDImporter ตัวช่วยในการ import ข้อมูลจากไฟล์ excel เข้าระบบ Joomla!!!!
โดย bolue อ 25 ส.ค. 2020 1:01 pm บอร์ด MindPHP News & Feedback
0
108
อ 25 ส.ค. 2020 1:01 pm โดย bolue
สินค้าที่มีผู้เข้าชมมากที่สุดในร้านค้าออนไลน์ด้วย Module Top Hits ใน MooZiiCart
โดย bolue อ 25 ส.ค. 2020 12:15 pm บอร์ด MindPHP News & Feedback
0
127
อ 25 ส.ค. 2020 12:15 pm โดย bolue
สินค้าที่ได้คะแนนมากสุดในร้านค้าออนไลน์ด้วย Module Top rating ใน MooZiiCart
โดย bolue อ 25 ส.ค. 2020 11:59 am บอร์ด MindPHP News & Feedback
0
125
อ 25 ส.ค. 2020 11:59 am โดย bolue
ความคิดเห็นล่าสุดในร้านค้าออนไลน์ด้วย Module Recent Comment ใน MooZiiCart
โดย bolue อ 25 ส.ค. 2020 11:41 am บอร์ด MindPHP News & Feedback
0
116
อ 25 ส.ค. 2020 11:41 am โดย bolue
แสดงผู้ผลิตสินค้าในร้านค้าออนไลน์ด้วย Module Manufacturer ใน MooZiiCart
โดย bolue จ 24 ส.ค. 2020 7:25 pm บอร์ด MindPHP News & Feedback
0
138
จ 24 ส.ค. 2020 7:25 pm โดย bolue
แสดงราคาสินค้าได้หลายสกุลเงินในร้านค้าออนไลน์ด้วย Module Currency ใน MooZiiCart
โดย bolue จ 24 ส.ค. 2020 5:50 pm บอร์ด MindPHP News & Feedback
0
140
จ 24 ส.ค. 2020 5:50 pm โดย bolue
ตะกร้าสินค้าในร้านค้าออนไลน์ด้วย Module Cart ของ MooZiiCart
โดย bolue จ 24 ส.ค. 2020 5:29 pm บอร์ด MindPHP News & Feedback
0
142
จ 24 ส.ค. 2020 5:29 pm โดย bolue
วิธีการ แปลง รูปภาพ เป็น base64 ใน python
โดย bolue ส 22 ส.ค. 2020 6:40 pm บอร์ด Python Knowledge
0
242
ส 22 ส.ค. 2020 6:40 pm โดย bolue
Work Instruction คืออะไร และมีประโยชน์อย่างไร
โดย natthanit.r2538 ส 22 ส.ค. 2020 5:47 pm บอร์ด Share Knowledge
0
171
ส 22 ส.ค. 2020 5:47 pm โดย natthanit.r2538
วิธีอัดเสียงบน Windows 10
โดย nai_cyp ศ 21 ส.ค. 2020 7:12 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
100
ศ 21 ส.ค. 2020 7:12 pm โดย nai_cyp
สาเหตุที่ทำให้ Account ของคุณถูกแฮก
โดย nai_cyp ศ 21 ส.ค. 2020 6:56 pm บอร์ด Share Knowledge
0
142
ศ 21 ส.ค. 2020 6:56 pm โดย nai_cyp
วิธี Update Microsoft Office ด้วยตนเอง
โดย nai_cyp ศ 21 ส.ค. 2020 6:29 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
96
ศ 21 ส.ค. 2020 6:29 pm โดย nai_cyp
Cryptocurrency คืออะไร?
โดย nai_cyp ศ 21 ส.ค. 2020 1:22 pm บอร์ด Share Knowledge
1
358
ศ 21 ส.ค. 2020 1:37 pm โดย mindphp
สอบถามเขียน script vb เพื่อรัน .exe ใน task scheduler ตัว task ไม่ทำงาน
โดย jirawoot ศ 21 ส.ค. 2020 11:52 am บอร์ด Programming - C/C++ & java & Python
8
283
ศ 21 ส.ค. 2020 5:32 pm โดย jirawoot
สอบถามเรื่อง Unicode Python3 ครับ
โดย nai_cyp ศ 21 ส.ค. 2020 10:37 am บอร์ด Programming - C/C++ & java & Python
2
892
ศ 21 ส.ค. 2020 7:35 pm โดย nai_cyp
Yodo แอปพลิเคชันออกกำลังกาย ยิ่งออกยิ่งได้เงิน
โดย nai_cyp พฤ 20 ส.ค. 2020 7:07 pm บอร์ด Mobile Application Developing- Android, iOS
0
237
พฤ 20 ส.ค. 2020 7:07 pm โดย nai_cyp