HTML WebSocket

来源:http://www.cnblogs.com/wuxiong123/archive/2017/07/07/7132089.html
-Advertisement-
Play Games

WebSocket是HTML5開始提供的一種單個TCP連接上進行全雙工通訊的協議。在WebSocket API中,瀏覽器和伺服器只需要做一個握手的動作,然後,瀏覽器和伺服器之間就形成了一條快速通道。兩者之間就直接可以數據相互傳送。瀏覽器通過JavaScript向伺服器發出建立WebSocket連接的 ...


WebSocket是HTML5開始提供的一種單個TCP連接上進行全雙工通訊的協議。
在WebSocket API中,瀏覽器和伺服器只需要做一個握手的動作,然後,瀏覽器和伺服器之間就形成了一條快速通道。兩者之間就直接可以數據相互傳送。

瀏覽器通過JavaScript向伺服器發出建立WebSocket連接的請求,連接建立以後,客戶端和伺服器之間就可以通過TCP連接直接交換數據。

當你獲取Web Socket連接後,你可以通過send()方法來向伺服器發送數據,並通過onmessage事件來接受伺服器返回的數據。

以下api用於創建WebSocket對象。

var socket = new WebSocket(url,[protocol]);
以上代碼中第一個參數url,指定鏈接的URL。第二個參數protocol是可選的,指定了可接受的子協議。

WebSocket 屬性

以下是WebSocket對象的屬性。假定我們使用了以上代碼創建了socket對象:

Socket.readyState 只讀屬性readyState表示連接狀態,可以是以下值:
       1. 0-表示連接尚未建立。
       2. 1-表示鏈接已經建立,可以進行通行。
       3. 2-表示連接正在進行關閉。
       4. 3-表示連接已經關閉或者連接不能打開。
Socket.bufferedAmount 只讀butteredAmount已經send()放入正在隊列中等待傳輸,但是還沒有發出的UTF-8文本位元組數。


WebSocket事件
以下是WebSocket對象的相關事件。假定我們使用了創建的socket:
事件:open           message              error           close
事件處理程式:Socket.onopen           Socket.onmessage             Socket.onerror         Socket.onclose
描述:連接建立觸發             客戶端接受伺服器端數據時觸發         通信發生錯誤時觸發       連接關閉時觸發

WebSocket方法
以下是WebSocket對象的相關方法。假定我們使用了以上代碼創建Socket對象:

方法: Socket.send()              Socket.close()
描述: 使用連接發送數據            關閉連接


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 更新於(2017.07.07)會總結項目中比較常用的有些CSS屬性 偽類選擇器 超鏈接狀態順序: ...
  • (function (window) { var arr = []; var VP = function (selector, context) { return new VP.fn.init(selector, context); } VP.fn = VP.prototype = { constr ...
  • 1.使用 代替 ==JavaScript 使用2種不同的等值運算符: |!== 和 ==|!=,在比較操作中使用前者是最佳實踐。“如果兩邊的操作數具有相同的類型和值, 返回true,!==返回false。”——JavaScript:語言精粹然而,當使用==和!=時,你可能會遇到類型不同的情況,這種情 ...
  • 前端新手自己寫的,練習一下基本功,也是在博客園留下的第一次記錄 html部分 css部分 js部分 ...
  • JavaScript是一種解釋型語言而不是編譯型語言,它往往被認為是一種腳本語言,而不被看作是一種真正的編程語言。也就是說,腳本語言比較簡單,它們是非程式員所使用的編程語言。 如果一個程式員對JavaScript沒有扎實的理解,那麼當他要用JavaScript執行較複雜的任務時,就會發現整個過程困難 ...
  • 一個經典的問題: 0.1+0.2==0.3 答案是:false 因為:0.1+0.2=0.30000000000000004 第一次看到這個結果就是無比驚訝,下巴碰到地上,得深入瞭解下問題出在哪裡,該怎麼去調整。 產生問題的原因 在JS中數值類型就只有number類型,沒有int,float,dou ...
  • 好幾天沒有進行每日一練了,除了工作原因之外,還有因為近期看到同事發的各種剛入職場的學弟學妹們的簡歷,被上面寫的各種掌握的技能所刺激了。雖然可能不是那麼盡實,但著實的push自己一把,決定先把canvas啃下來。 我試水了畫了一個時鐘,和MDN的例子略有一點不同。I work it by myself ...
  • 最近在百度搜索的時候,當你輸入一個字或者詞的時候,他會給你們彈出一個下拉框出來,裡面是和你相關的搜索提示 比如 我輸入楊字,他會給我提示以下搜索提示 我嘗試著用JavaScript做了一個類似的練習,以下是我用VS2013寫的代碼,有不對的地方,請不吝賜教。 效果展示: 關於這個練習我有以下幾點思索 ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...