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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ตั้งค่าในส่วนของcomponent joomshoppingแล้วขึ้นerror
โดย mook2LRC1 อ 05 ส.ค. 2018 12:27 pm บอร์ด Joomla Development
4
52
อ 05 ส.ค. 2018 2:08 pm โดย mook2LRC1
สอบถามการหาค่า เดือนกับปีครับ
โดย mollyclick อ 05 ส.ค. 2018 12:12 pm บอร์ด Programming - PHP
0
60
อ 05 ส.ค. 2018 12:12 pm โดย mollyclick
บทความพรีเซ้นต์
โดย Lamduan ส 04 ส.ค. 2018 7:09 pm บอร์ด M066 - นางสาวลำดวน พันโอดเบี้ย
0
11
ส 04 ส.ค. 2018 7:09 pm โดย Lamduan
Q-สิ่งที่อยากทราบฟังก์ชั่น Suppiler Invoice
โดย Lamduan ส 04 ส.ค. 2018 6:55 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
2
9
อ 14 ส.ค. 2018 10:11 am โดย Lamduan
ค่ารับรองทำอย่างไรไม่ให้เป็นรายจ่ายต้องห้าม
โดย Lamduan ส 04 ส.ค. 2018 6:36 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
35
ส 04 ส.ค. 2018 6:36 pm โดย Lamduan
ความแตกต่างระหว่าง ภ.ง.ด.50 กับ ภ.พ.30
โดย Lamduan ส 04 ส.ค. 2018 6:22 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
27
ส 04 ส.ค. 2018 6:22 pm โดย Lamduan
ฺB - ช่องเซ็นชื่อในใบ Voucher ที่ออกจากระบบตกไปหน้า 2
โดย taemmynatchapon ส 04 ส.ค. 2018 2:30 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
1
7
ส 04 ส.ค. 2018 3:02 pm โดย thatsawan
ตัวช่วยในการสร้างสไลด์โชว์ในหน้าเว็บไซต์ใน Joomla
โดย Parichat ส 04 ส.ค. 2018 1:32 pm บอร์ด PHP News
0
37
ส 04 ส.ค. 2018 1:32 pm โดย Parichat
งานประจำวันที่ 04 สิงหาคม 2561
โดย Lamduan ส 04 ส.ค. 2018 9:46 am บอร์ด M066 - นางสาวลำดวน พันโอดเบี้ย
1
14
ส 04 ส.ค. 2018 7:15 pm โดย Lamduan
งานประจำวันที่ 4 สิงหาคม 2561
โดย tatiya ส 04 ส.ค. 2018 9:46 am บอร์ด M065 - ตติยะ นาชัย
1
8
ส 04 ส.ค. 2018 7:40 pm โดย tatiya
นโยบายการบัญชี
โดย taemmynatchapon ศ 03 ส.ค. 2018 6:08 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
34
ศ 03 ส.ค. 2018 6:08 pm โดย taemmynatchapon
มาทำความรู้จักกับ Word Cloud
โดย tatiya ศ 03 ส.ค. 2018 5:55 pm บอร์ด Python Knowledge
0
53
ศ 03 ส.ค. 2018 5:55 pm โดย tatiya
B - ใบเสร็จรับเงินที่ออกจากระบบรูปแบบไม่ถูกต้อง
โดย taemmynatchapon ศ 03 ส.ค. 2018 5:17 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
2
19
อ 07 ส.ค. 2018 6:01 pm โดย thatsawan
B - ไม่สามารถสร้างรายการ Quotationได้
โดย taemmynatchapon ศ 03 ส.ค. 2018 4:49 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
1
11
ส 04 ส.ค. 2018 2:55 pm โดย thatsawan
คู่มือการใช้งาน สรุป scope + หนังสือส่งมอบงาน วีดีโอ
โดย mindphp ศ 03 ส.ค. 2018 12:53 pm บอร์ด สิริกิตติรัตน์ (Main)
0
7
ศ 03 ส.ค. 2018 12:53 pm โดย mindphp
สรุปประชุมกับลูกค้า สิริกิตติรัตน์ จำกัด
โดย mindphp ศ 03 ส.ค. 2018 12:52 pm บอร์ด สิริกิตติรัตน์ (Main)
1
7
อ 14 ส.ค. 2018 4:39 pm โดย mindphp
บันทึกการประชุม สิริกิตติรัตน์ จำกัด
โดย mindphp ศ 03 ส.ค. 2018 12:51 pm บอร์ด สิริกิตติรัตน์ (Main)
1
4
จ 06 ส.ค. 2018 7:19 pm โดย thatsawan
อัพเดทความคืบหน้า / Progress - สิริกิตติรัตน์ จำกัด
โดย mindphp ศ 03 ส.ค. 2018 12:51 pm บอร์ด สิริกิตติรัตน์ (Main)
2
8
ส 11 ส.ค. 2018 4:49 pm โดย mindphp
เอกสาร ภพ 09 คืออะไรค่ะ
โดย thatsawan ศ 03 ส.ค. 2018 11:31 am บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
1
53
ศ 03 ส.ค. 2018 2:25 pm โดย บุคคลทั่วไป
B -ไม่สามารถ Cancel Invoice
โดย taemmynatchapon ศ 03 ส.ค. 2018 10:34 am บอร์ด M.D.Soft Co.,Ltd. - Tester
1
7
พ 08 ส.ค. 2018 11:27 pm โดย thatsawan