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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
R - เอาข้อมูลจาก Lead เก็บเป็นข้อมูลลูกค้า ใน Internal Notes
โดย mindphp จ 31 ธ.ค. 2018 6:11 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
1
จ 31 ธ.ค. 2018 6:11 pm โดย mindphp
B - Merge Leads กับ oppo แล้วไม่เปลี่ยนหน้าไปหน้าที่รวมข้อมูลแล้ว
โดย mindphp อ 30 ธ.ค. 2018 4:09 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
2
อ 30 ธ.ค. 2018 4:09 pm โดย mindphp
ปรึกษา code ค้นหาข้อมูล แสดงข้อมูล2ตารางข้อมูลร่วมกัน
โดย ไพรวัลย์ คิ้วสุนทรเนตร ส 29 ธ.ค. 2018 9:40 pm บอร์ด Programming - PHP
3
74
ส 29 ธ.ค. 2018 10:44 pm โดย ไพรวัลย์ คิ้วสุนทรเนตร
วิธีการแก้ไข รูปใน demo ไม่แสดง โดยใน เครื่องกับแสดงข้อมูล
โดย Ittichai_chupol ศ 28 ธ.ค. 2018 7:16 pm บอร์ด Programming - PHP
0
40
ศ 28 ธ.ค. 2018 7:16 pm โดย Ittichai_chupol
การแจ้งเตือนการตอบกลับมีการแสดง เพียงแค่ครั่งเดียวทั้งทีตอบหลายครั่ง
โดย Ittichai_chupol ศ 28 ธ.ค. 2018 7:09 pm บอร์ด Programming - PHP
1
47
ศ 28 ธ.ค. 2018 7:25 pm โดย mindphp
วิธีการแก้ไข ส่วนการแจ้งเตือนเมื่อมีคนมาตอบกลับ
โดย Ittichai_chupol ศ 28 ธ.ค. 2018 4:21 pm บอร์ด Programming - PHP
1
55
ศ 28 ธ.ค. 2018 4:50 pm โดย mindphp
การถอดรหัสและเข้ารหัส JSON เบื้องต้นด้วยภาษา Python
โดย kritsadak ศ 28 ธ.ค. 2018 2:42 pm บอร์ด Python Knowledge
1
85
พ 02 ม.ค. 2019 10:40 pm โดย Angkana Taprab
วิธีการใช้งาน เครื่องมือ ตัวแก้ไข้จุดบกพร่องการแชร์ ของ facebook developers
โดย Ittichai_chupol ศ 28 ธ.ค. 2018 2:11 pm บอร์ด PHP Knowledge
0
45
ศ 28 ธ.ค. 2018 2:11 pm โดย Ittichai_chupol
การตั้งค่าข้อมูลส่วนตัว ความสัมพันธ์การจัดการบัญชีภายนอก วิธีการเชื่อมบัญชีภายนอกเข้ามายังเว็บบอร์ด
โดย จันนุสรณ์ ดีแก่ ศ 28 ธ.ค. 2018 11:41 am บอร์ด phpBB user Guide Knowledge
0
44
ศ 28 ธ.ค. 2018 11:41 am โดย จันนุสรณ์ ดีแก่
ว่าด้วยเรื่องปลาชุม
โดย จันนุสรณ์ ดีแก่ ศ 28 ธ.ค. 2018 10:33 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
50
ศ 28 ธ.ค. 2018 10:33 am โดย จันนุสรณ์ ดีแก่
เมื่อเบื่อรหัสเก่า อยากเปลี่ยนรหัสใหม่ วิธีเปลี่ยนรหัสผ่านบนเว็บบอร์ด ตัวอย่างและวิธีทำ
โดย จันนุสรณ์ ดีแก่ พฤ 27 ธ.ค. 2018 6:59 pm บอร์ด phpBB user Guide Knowledge
0
47
พฤ 27 ธ.ค. 2018 6:59 pm โดย จันนุสรณ์ ดีแก่
วิธีการตั้งค่ารูปประจำตัวบนเว็บบอร์ดสำหรับผู้ใช้งานทั่วไป เพียงง่ายๆไม่กี่ขั้นตอน
โดย จันนุสรณ์ ดีแก่ พฤ 27 ธ.ค. 2018 5:47 pm บอร์ด phpBB user Guide Knowledge
0
41
พฤ 27 ธ.ค. 2018 5:47 pm โดย จันนุสรณ์ ดีแก่
[Extension phpBB3.1.1] Topic Preview Extention เมื่อนำเมาส์ไปชี้จะแสดง ตัวอย่างหัวข้อย่อยในกระทู้นั้นๆ
โดย จันนุสรณ์ ดีแก่ พฤ 27 ธ.ค. 2018 4:44 pm บอร์ด phpBB 3.1 Extension Review
0
45
พฤ 27 ธ.ค. 2018 4:44 pm โดย จันนุสรณ์ ดีแก่
ช่วยค่าเลี้ยงดูก็พอ
โดย จันนุสรณ์ ดีแก่ พฤ 27 ธ.ค. 2018 3:25 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
49
พฤ 27 ธ.ค. 2018 3:25 pm โดย จันนุสรณ์ ดีแก่
วิธีการแจ้งเตือน เมื่อมีเเจ้งเตือนเมื่อมีผู้มาตอบโพส ใน phpbb
โดย Ittichai_chupol พฤ 27 ธ.ค. 2018 2:37 pm บอร์ด Programming - PHP
1
64
พฤ 27 ธ.ค. 2018 2:46 pm โดย thatsawan
สามารถเช็ค check internet ด้วย python ได้
โดย kritsadak พฤ 27 ธ.ค. 2018 11:44 am บอร์ด Python Knowledge
0
76
พฤ 27 ธ.ค. 2018 11:44 am โดย kritsadak
วิธีการ Delete(ดีลีด)หรือลบข้อมูล โดยมี Popup(ป๊อบอัพ)แจ้งยืนยันการลบข้อมูลอีกที
โดย ธวัชชัย แสนหาญ พ 26 ธ.ค. 2018 7:22 pm บอร์ด Programming - C/C++ & java & Python
0
64
พ 26 ธ.ค. 2018 7:22 pm โดย ธวัชชัย แสนหาญ
สอบถาม วิธีดึงค่า rate 32.5780000 ออกมาจากกข้อมูลที่ได้มาในรูปแบบ requests.models.Response อย่างไร
โดย tatiya พ 26 ธ.ค. 2018 5:16 pm บอร์ด Programming - C/C++ & java & Python
0
42
พ 26 ธ.ค. 2018 5:16 pm โดย tatiya
B - icon และปุ่มเพี้ยนในบทความภาษาอังกฤษที่ใช้ Customs Fields
โดย Parichat พ 26 ธ.ค. 2018 4:48 pm บอร์ด Joomla Dev
0
3
พ 26 ธ.ค. 2018 4:48 pm โดย Parichat
เมื่อไม่อยากให้ใครทราบว่าเราออนไลน์อยู่ สามารถซ่อนสถานะในการออนไลน์ได้ เหมาะสำหรับผู้ใช้งานบอร์ด
โดย จันนุสรณ์ ดีแก่ พ 26 ธ.ค. 2018 4:07 pm บอร์ด phpBB user Guide Knowledge
0
62
พ 26 ธ.ค. 2018 4:07 pm โดย จันนุสรณ์ ดีแก่