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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
function date time + mssql
โดย aunohara ศ 16 ก.พ. 2007 1:51 am บอร์ด SQL - Database
8
5765
ศ 16 ก.พ. 2007 4:53 pm โดย mindphp
เขียนโค้ดที่ไหนถ้าติดตั้งxampp
โดย honey พฤ 15 ก.พ. 2007 7:35 pm บอร์ด Programming - PHP
8
3178
อ 18 มี.ค. 2007 3:11 pm โดย mindphp
กำหนดสิทธิผู้ใช้ กับ randomcode
โดย aa_aa พ 14 ก.พ. 2007 5:01 pm บอร์ด Programming - PHP
1
1645
พ 14 ก.พ. 2007 5:40 pm โดย mindphp
phpMyAdmin 2.9.2 มาแล้ว
โดย mindphp อ 13 ก.พ. 2007 11:23 am บอร์ด PHP News
0
3205
อ 13 ก.พ. 2007 11:23 am โดย mindphp
upload file ขึ้น server iis ใน winxp
โดย obojama จ 12 ก.พ. 2007 3:26 pm บอร์ด Programming - PHP
3
2224
จ 12 ก.พ. 2007 4:34 pm โดย mindphp
ทำยังไงเปิดหน้าต่างใหม่ เป็น pdf โดยไม่ขึ้น download
โดย aunohara ศ 09 ก.พ. 2007 1:35 pm บอร์ด Programming - PHP
9
3955
จ 12 ก.พ. 2007 11:40 am โดย mindphp
่อยากทราบวิธี Disable ปุ่ม Back ที่หน้า Browser
โดย myyuriboy อ 06 ก.พ. 2007 12:58 pm บอร์ด JavaScript & Jquery Ajax
4
4526
ศ 10 เม.ย. 2015 11:48 am โดย javascriptthai
ขอ script check domain หน่อยครับ
โดย neo001 อ 06 ก.พ. 2007 11:48 am บอร์ด Programming - PHP
0
2001
อ 06 ก.พ. 2007 11:48 am โดย neo001
คลิก back แล้ว clear ค่า
โดย aunohara ส 03 ก.พ. 2007 8:29 pm บอร์ด Programming - PHP
5
2176
อ 04 ก.พ. 2007 11:44 am โดย mindphp
อยากทราบ code แบ่งหน้าการแสดงที่ถูกต้อง
โดย sudchay พฤ 01 ก.พ. 2007 7:19 am บอร์ด Programming - PHP
1
1410
พฤ 01 ก.พ. 2007 10:54 am โดย mindphp
ใช้ Appserv 2.5.x แล้ว ข้อมูลใน MySql เป็นภาษา ????? ทำไงดี
โดย Mr.October พ 31 ม.ค. 2007 5:35 pm บอร์ด Programming - PHP
2
1899
พ 31 ม.ค. 2007 8:04 pm โดย Mr.October
ใช้ PHP ครับ ต้องการตรวจสอบค่าว่าง
โดย Mr.October พ 31 ม.ค. 2007 11:31 am บอร์ด Programming - PHP
0
2368
พ 31 ม.ค. 2007 11:31 am โดย Mr.October
เจอปัญหา Fatal error แก้ไขอย่างไรครับ
โดย invisibleman อ 30 ม.ค. 2007 4:57 pm บอร์ด Programming - PHP
9
10613
พ 31 ม.ค. 2007 4:04 pm โดย invisibleman
PHP ติดต่อฐานข้อมูล MSSQL
โดย cartoonclub_9 อ 30 ม.ค. 2007 2:05 pm บอร์ด Programming - PHP
2
2488
พ 31 ม.ค. 2007 12:03 pm โดย mindphp
ใครเขียน หรือ สอน python เป็นบ้างครับ
โดย mindphp จ 29 ม.ค. 2007 9:14 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
3
3282
ศ 02 พฤษภาคม 2008 6:20 am โดย yimplex
แบ่งหน้า pdf โดย php
โดย aunohara ศ 26 ม.ค. 2007 2:38 pm บอร์ด Programming - PHP
5
2699
ศ 09 ก.พ. 2007 1:40 pm โดย aunohara
ช่วยบอกโค้ดเขียน counter
โดย piyada ศ 26 ม.ค. 2007 8:50 am บอร์ด Programming - PHP
1
2002
ส 27 ม.ค. 2007 9:58 am โดย mindphp
Searchช่วยผมหน่อย
โดย superrookie พ 24 ม.ค. 2007 11:18 am บอร์ด Programming - PHP
3
1970
พ 24 ม.ค. 2007 12:02 pm โดย mindphp
ขอทราบวิธีการติดตั้งโปรแกรม XOOPS ค่ะ
โดย piyada พ 24 ม.ค. 2007 8:46 am บอร์ด Programming - PHP
2
2508
พ 24 ม.ค. 2007 12:07 pm โดย mindphp
ติดตั้ง apache2.2.4-php5.0.5-mysqlCC0.9.4 บน Win XP
โดย polarbear อ 23 ม.ค. 2007 8:49 pm บอร์ด Programming - PHP
1
1692
อ 23 ม.ค. 2007 10:39 pm โดย mindphp