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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ส่งเมล์ แบบ html ที่ดีดี ง่าย ๆ บ้าง
โดย earnlimited ส 22 ก.ย. 2007 7:21 pm บอร์ด Programming - PHP
1
1188
อ 23 ก.ย. 2007 7:35 am โดย mindphp
ช่วยด้วย ทำ verify image ไม่ออก สงสัยเป็นที่ host เพระาอีกที
โดย earnlimited ส 22 ก.ย. 2007 7:20 pm บอร์ด Programming - PHP
3
1424
อ 23 ก.ย. 2007 8:44 am โดย mindphp
ใครมีตัวอย่าง PHP เป็น PDF แล้วส่งไปทางเมล์บ้าง จะดึงข้อมูลจ
โดย earnlimited ส 22 ก.ย. 2007 7:19 pm บอร์ด Programming - PHP
1
1505
อ 23 ก.ย. 2007 7:28 am โดย mindphp
ต้องการนับจำนวน record ในตาราง mysql ใช้ PHP
โดย lnw ส 22 ก.ย. 2007 5:09 am บอร์ด Programming - PHP
1
3711
ส 22 ก.ย. 2007 5:29 am โดย mindphp
fckeditor
โดย buatong ศ 21 ก.ย. 2007 10:05 pm บอร์ด Programming - PHP
1
1702
ส 22 ก.ย. 2007 3:00 am โดย mindphp
ใครเช่า php hosting ที่นี่บ้าง ราคาถูกมากจนน่าแปลกใจ
โดย newbye ศ 21 ก.ย. 2007 5:52 pm บอร์ด Programming - PHP
1
1178
ศ 21 ก.ย. 2007 6:20 pm โดย mindphp
บอร์ด phpbb2
โดย zestful ศ 21 ก.ย. 2007 5:46 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
5
2106
ศ 21 ก.ย. 2007 7:40 pm โดย mindphp
ช่วยด้วย เว็บประเมินอาจารย์ ขอคำแนะนำหน่อยค่ะ
โดย lnw ศ 21 ก.ย. 2007 1:59 pm บอร์ด Programming - PHP
1
1375
ศ 21 ก.ย. 2007 6:27 pm โดย mindphp
มือใหม่
โดย signalll ศ 21 ก.ย. 2007 2:50 am บอร์ด Programming - PHP
1
1119
ศ 21 ก.ย. 2007 7:43 am โดย mindphp
อย่ากได้ code การค้นหาที่ละตัวอักษรนะ คับ ผมใช้ php
โดย Tonkanoy ศ 21 ก.ย. 2007 12:54 am บอร์ด Programming - PHP
2
1470
พฤ 27 ก.ย. 2007 12:54 am โดย Tonkanoy
ช่วยดู group by ให้หน่อยครับ
โดย sudtielove พฤ 20 ก.ย. 2007 2:59 pm บอร์ด SQL - Database
5
2338
จ 24 ก.ย. 2007 11:53 pm โดย yossung
ถามเกี่ยวกับ code การ ค้นหาด้วยphp คับ
โดย broccoli พฤ 20 ก.ย. 2007 4:31 am บอร์ด Programming - PHP
8
2469
ศ 21 ก.ย. 2007 9:09 am โดย broccoli
รับสอน ที่ปรึกษา php สอนเขียนเว็บ เขียนโปรแกรม รับจ้างทำเว็บ On-site training
โดย mindphp พฤ 20 ก.ย. 2007 3:58 am บอร์ด Programming - PHP
15
86139
ศ 19 ก.พ. 2010 1:53 pm โดย mindphp
ถามเกี่ยวกับการเล่นเพลง
โดย bankbonkbank พฤ 20 ก.ย. 2007 12:27 am บอร์ด Programming - PHP
1
1141
พฤ 20 ก.ย. 2007 12:40 am โดย mindphp
การ upload file
โดย buatong อ 18 ก.ย. 2007 11:15 pm บอร์ด Programming - PHP
19
8804
ศ 21 ก.ย. 2007 10:04 pm โดย buatong
อธิบายเรื่อง dropdown 2ชั้นทีค่ะ
โดย ja_ooh อ 18 ก.ย. 2007 8:35 pm บอร์ด Programming - PHP
1
1431
อ 18 ก.ย. 2007 9:20 pm โดย mindphp
การส่งค่าหลายๆ form ครับ มือใหม่นะครับ
โดย lnw ส 15 ก.ย. 2007 2:24 pm บอร์ด Programming - PHP
0
1493
ส 15 ก.ย. 2007 2:24 pm โดย lnw
ระบบตะกร้าสินค้าต้องการเก็บข้อมูลจากหน้าตะกร้าสินค้า
โดย aa_aa พฤ 06 ก.ย. 2007 6:50 pm บอร์ด Programming - PHP
1
3210
ศ 07 ก.ย. 2007 5:05 pm โดย mindphp
คือถ้าต้องการทำ list manu ด้วยจาวาสคิปทำอย่างไร
โดย boy1999 พฤ 06 ก.ย. 2007 6:02 pm บอร์ด Programming - PHP
1
2152
ศ 07 ก.ย. 2007 5:02 pm โดย mindphp
แจ้ง กระทู้ ตั้งแต่ วันที่ 06-09-50 เป็น ต้นมาหาย
โดย Tonkanoy พฤ 06 ก.ย. 2007 4:04 pm บอร์ด Programming - PHP
5
1758
ศ 07 ก.ย. 2007 11:54 pm โดย Tonkanoy