ให้เรตสมาชิก: 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
อยากจะเเบ่งอักษรตามจำนวนทำยังไงได้บ้างค่ะ
โดย thatsawan พฤ 10 ส.ค. 2017 12:05 pm บอร์ด Programming - C/C++ & java & Python
1
44
พฤ 10 ส.ค. 2017 12:05 pm โดย mindphp
คำถามเกี่ยวกับงาน selenium test เว็บบอร์ด
โดย บัวบุญ จันทะโคตร พ 09 ส.ค. 2017 8:49 pm บอร์ด Programming - C/C++ & java & Python
2
56
พ 09 ส.ค. 2017 8:49 pm โดย mindphp
สอบถามการสร้างระบบ User การค้นหาข้อมูล ค่ะ
โดย Ik Kat พ 09 ส.ค. 2017 7:20 pm บอร์ด Programming - PHP
1
49
พ 09 ส.ค. 2017 7:20 pm โดย mindphp
สร้าง selenium upload file แล้ว ไม่กดปุ่ม แนบไฟล์ในเว็บบอร์ดต้องแก้ไขยังไงครับ
โดย บัวบุญ จันทะโคตร พ 09 ส.ค. 2017 7:02 pm บอร์ด Programming - C/C++ & java & Python
0
33
พ 09 ส.ค. 2017 7:02 pm โดย บัวบุญ จันทะโคตร
The requested URL /perfect_design/“admin_product_type.php” was not found on this server.
โดย แตงไทย'ยย ยิ้มหวาน พ 09 ส.ค. 2017 3:31 pm บอร์ด Programming - PHP
0
37
พ 09 ส.ค. 2017 3:31 pm โดย แตงไทย'ยย ยิ้มหวาน
อยากทราบวิธีการแก้ไข Error if ใน method get_income จะต้องแก้ไขยังไงครับ
โดย บัวบุญ จันทะโคตร อ 08 ส.ค. 2017 7:33 pm บอร์ด Programming - C/C++ & java & Python
0
47
อ 08 ส.ค. 2017 7:33 pm โดย บัวบุญ จันทะโคตร
การเขียนวน loop ของ selenium
โดย บัวบุญ จันทะโคตร อ 08 ส.ค. 2017 6:44 pm บอร์ด Software testing
0
49
อ 08 ส.ค. 2017 6:44 pm โดย บัวบุญ จันทะโคตร
การเขียนวน loop ของ selenium
โดย บัวบุญ จันทะโคตร จ 07 ส.ค. 2017 6:11 pm บอร์ด Programming - C/C++ & java & Python
1
57
จ 07 ส.ค. 2017 6:11 pm โดย Oh_nO
mdfile
โดย Chinamon Sang จ 07 ส.ค. 2017 1:28 pm บอร์ด Joomla Development
3
62
จ 07 ส.ค. 2017 1:28 pm โดย Chinamon Sang
Application (แอพพลิเคชั่น) Odoo Mobile (โอดู โมบาย) , Openerp Mobile (โอเพล-อี-อา-พี โมบาย)
โดย nuattawoot จ 07 ส.ค. 2017 11:11 am บอร์ด Share Knowledge
0
50
จ 07 ส.ค. 2017 11:11 am โดย nuattawoot
Google Trips แอพพลิเคชั่นสำหรับคนชอบท่องเที่ยว
โดย thelordbank ส 05 ส.ค. 2017 6:53 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
53
ส 05 ส.ค. 2017 6:53 pm โดย thelordbank
รวมคำสั่งของ selenium Webdriver
โดย บัวบุญ จันทะโคตร ส 05 ส.ค. 2017 5:18 pm บอร์ด Programming - C/C++ & java & Python
0
60
ส 05 ส.ค. 2017 5:18 pm โดย บัวบุญ จันทะโคตร
รู้จัก คำสั่ง ดำเนินการ ใน selenium IDE
โดย บัวบุญ จันทะโคตร ส 05 ส.ค. 2017 5:07 pm บอร์ด Programming - C/C++ & java & Python
0
46
ส 05 ส.ค. 2017 5:07 pm โดย บัวบุญ จันทะโคตร
class icon facebook เรียกแล้วไม่ขึ้นแสดงฃใน Joomla ครับ
โดย Before Dong ส 05 ส.ค. 2017 4:03 pm บอร์ด Joomla Development
1
77
ส 05 ส.ค. 2017 4:03 pm โดย thatsawan
สอบถามเรื่อง Recapcha site key ของ localhost
โดย AePongsak ศ 04 ส.ค. 2017 5:15 pm บอร์ด Programming - PHP
4
75
ศ 04 ส.ค. 2017 5:15 pm โดย AePongsak
DigiHUD Speedometer ดิจิฮัท สปีดโมดิเตอร์ แอพพลิเคชั่นที่เหมาะกับผู้ขับขี่รถยนต์
โดย บัวบุญ จันทะโคตร ศ 04 ส.ค. 2017 1:46 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
45
ศ 04 ส.ค. 2017 1:46 pm โดย บัวบุญ จันทะโคตร
ZeekDoc ซีคด็อก แอพพลิเคชั่นและเว็บไซต์ที่เหมาะกับคนไข้
โดย บัวบุญ จันทะโคตร ศ 04 ส.ค. 2017 1:19 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
50
ศ 04 ส.ค. 2017 1:19 pm โดย บัวบุญ จันทะโคตร
หาprogrammer
โดย บุคคลทั่วไป ศ 04 ส.ค. 2017 10:42 am บอร์ด Programming - PHP
0
57
ศ 04 ส.ค. 2017 10:42 am โดย บุคคลทั่วไป
รบกวนหน่อยค่ะ พอดีต้องเขียน php แบบเลือกบริษ
โดย Feem Napassorn ศ 04 ส.ค. 2017 10:40 am บอร์ด Programming - PHP
1
59
ศ 04 ส.ค. 2017 10:40 am โดย Ik Kat
รบกวนช่วยเขียนบรรยายรายละเอียด ER-Diagram การยืม-คืนหนังสือห้องสมุด
โดย Phraeowpit Plaksut พฤ 03 ส.ค. 2017 10:02 pm บอร์ด SQL - Database
0
62
พฤ 03 ส.ค. 2017 10:02 pm โดย Phraeowpit Plaksut