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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
souce โค๊ด sticker ไม่สามารถติดต่อ ฐานข้อมูล ได้
โดย Anonymous พ 23 ส.ค. 2006 3:13 am บอร์ด Programming - PHP
3
2420
พ 23 ส.ค. 2006 7:04 pm โดย mindphp
ช่วยหน่อยครับเกี่ยวกับ script js (lightbox)
โดย Anonymous อ 22 ส.ค. 2006 11:31 pm บอร์ด Programming - PHP
5
6244
พ 23 ส.ค. 2006 7:02 pm โดย mindphp
PHP 4.4.4 and PHP 5.1.5 ออก แล้ว
โดย mindphp อ 22 ส.ค. 2006 4:01 pm บอร์ด Programming - PHP
0
1647
อ 22 ส.ค. 2006 4:01 pm โดย mindphp
javascript รีโหลด หน้า เก่า เมื่อ ปิด หน้าใหม่ที่เปิดขึ้นมา
โดย mindphp จ 21 ส.ค. 2006 8:08 pm บอร์ด JavaScript & Jquery Ajax
0
3363
จ 21 ส.ค. 2006 8:08 pm โดย mindphp
ผู้รู้ ช่วยหน่อยครับ ไม่สามารถติดต่อ DATABASE ได้ในขณะนี้
โดย Anonymous จ 21 ส.ค. 2006 3:38 am บอร์ด Programming - PHP
1
1636
จ 21 ส.ค. 2006 9:08 am โดย mindphp
อยากเรียนphp
โดย Anonymous ศ 18 ส.ค. 2006 12:52 am บอร์ด Programming - PHP
1
1568
ศ 18 ส.ค. 2006 11:38 am โดย บุคคลทั่วไป
สนใจเรียนphp
โดย Anonymous ศ 18 ส.ค. 2006 12:36 am บอร์ด Programming - PHP
1
1518
ศ 18 ส.ค. 2006 11:38 am โดย บุคคลทั่วไป
ความรู้ โครงสร้างข้อมูล (File Structure)
โดย mindphp พ 16 ส.ค. 2006 11:19 am บอร์ด SQL - Database
0
5896
พ 16 ส.ค. 2006 11:19 am โดย mindphp
การ นำไฟล์ Excel ใส่ฐานข้อมูล phpMyAdmin
โดย umman อ 15 ส.ค. 2006 11:43 pm บอร์ด Programming - PHP
1
2948
พ 16 ส.ค. 2006 2:32 am โดย mindphp
มีปัญหาการติดตั้ง SMF
โดย Supermario จ 14 ส.ค. 2006 11:31 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
3855
อ 20 ส.ค. 2006 10:07 pm โดย mindphp
อเนก
โดย a_bird03 ส 12 ส.ค. 2006 4:39 pm บอร์ด Programming - PHP
1
1478
ส 12 ส.ค. 2006 8:07 pm โดย บุคคลทั่วไป
สร้างแผนที่ด้วยphp
โดย Anonymous ศ 11 ส.ค. 2006 12:49 pm บอร์ด Programming - PHP
8
5245
ศ 16 ธ.ค. 2011 10:16 pm โดย imsn
เกี่ยวกับการ edit,comment pdf
โดย Anonymous พฤ 10 ส.ค. 2006 1:57 am บอร์ด Programming - PHP
1
1915
ศ 11 ส.ค. 2006 9:36 am โดย icphp
สร้าง report เป็นไฟล์ pdf
โดย Anonymous พ 09 ส.ค. 2006 5:49 pm บอร์ด Programming - PHP
4
4526
อ 15 ส.ค. 2006 5:14 am โดย บุคคลทั่วไป
อยากทราบว่าทำอย่างไรให้ php สามารถ convert เป็น pdf ได้
โดย Anonymous พ 09 ส.ค. 2006 1:51 am บอร์ด Programming - PHP
2
2163
อ 15 ส.ค. 2006 5:20 am โดย บุคคลทั่วไป
ต้องการกำหนด การ Upload ไฟล์ใน PHP อย่างไรครับ??
โดย Anonymous จ 07 ส.ค. 2006 4:49 pm บอร์ด Programming - PHP
1
2300
จ 07 ส.ค. 2006 7:32 pm โดย mindphp
ขอคำแนะนำเรื่อง import ข้อมูล
โดย Anonymous อ 06 ส.ค. 2006 4:47 pm บอร์ด Programming - PHP
7
2889
จ 07 ส.ค. 2006 7:23 pm โดย mindphp
อัพเดทข้อมูลหลายrecord
โดย Anonymous ศ 04 ส.ค. 2006 2:42 pm บอร์ด Programming - PHP
10
3935
พฤ 01 ต.ค. 2009 7:25 pm โดย mindphp
การ Upload file โดยเก็บชื่อ file ไว้ในฐานข้อมูล mysql
โดย Anonymous ศ 04 ส.ค. 2006 11:25 am บอร์ด Programming - PHP
2
3848
อ 01 พ.ย. 2016 7:55 am โดย mindphp
อยากทราบเกี่ยวกับฟังชั่นเมล์ใน PHP ครับ
โดย Anonymous ศ 04 ส.ค. 2006 12:05 am บอร์ด Programming - PHP
4
2211
ส 05 ส.ค. 2006 12:08 am โดย mindphp