Heim Web-Frontend js-Tutorial Einführung in Javascript WebSocket-Nutzungsbeispiele (kurzes Einführungs-Tutorial)_Grundkenntnisse

Einführung in Javascript WebSocket-Nutzungsbeispiele (kurzes Einführungs-Tutorial)_Grundkenntnisse

May 16, 2016 pm 04:52 PM
javascript websocket

Sobald Sie die Netzwerk-Socket-Verbindung zum WEB-Server verstanden haben, können Sie Daten vom Browser an den Server senden und Antwortdaten vom Server zurückerhalten.

Das Folgende ist die API zum Erstellen eines neuen WebSocket-Objekts:

Kopieren Sie den Code Der Code lautet wie folgt:
var Socket = new WebSocket(url, [protocal] );


Der erste Parameter bezieht sich hier auf die zu verbindende URL und der zweite Parameter ist optional , falls erforderlich. Wenn ja, geben Sie ein vom Server unterstütztes Protokoll an.

WEB-Socket-Eigenschaften:

Der bufferedAmount des Leseattributs
Attribut Beschreibung
Socket.readyState readyState stellt den Verbindungsstatus des ReadOnly-Attributs dar. Es kann folgende Werte haben:
  1. 属性 说明
    Socket.readyState readyState的代表的ReadOnly属性的连接状态。它可以有以下值:
    1. 一个0值表示该连接尚未建立。

    2. 值为1表示连接建立和沟通是可能的。

    3. 值为2表示连接是通过将结束握手。

    4. 值为3表示连接已关闭或无法打开。

    Socket.bufferedAmount 读属性的bufferedAmount代表文本的字节数,utf - 8的排队使用send()方法。
    Ein Wert von 0 zeigt an, dass die Verbindung noch nicht hergestellt wurde.

  2. Ein Wert von 1 zeigt an, dass ein Verbindungsaufbau und eine Kommunikation möglich ist.
  3. Ein Wert von 2 zeigt an, dass die Verbindung bestanden wird und der Handshake beendet wird.
    事件 处理程序 说明
    open Socket.onopen 此事件发生在套接字建立连接。
    message Socket.onmessage 此事件发生时,客户端收到来自服务器的数据。
    error Socket.onerror 此事件发生时有任何通信错误。
    close Socket.onclose 此事件发生在连接关闭。
  4. Ein Wert von 3 zeigt an, dass die Verbindung geschlossen ist oder nicht geöffnet werden kann.

Socket.bufferedAmount stellt die Anzahl der Bytes des Textes dar, und die Warteschlange von UTF-8 verwendet die Methode send().
WEB Socket-Ereignis:
方法 说明
Socket.send() send(data)方法用来连接传输数据。
Socket.close() close()方法将被用于终止任何现有的连接。


WEB-Socket-Methode:



Code kopieren


Der Code lautet wie folgt :









< ;a href="javascript:WebSocketTest()">Run WebSocket


🎜>
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Die Kombination von Java und WebSocket: So erreichen Sie Echtzeit-Videostreaming Die Kombination von Java und WebSocket: So erreichen Sie Echtzeit-Videostreaming Dec 17, 2023 pm 05:50 PM

Mit der kontinuierlichen Weiterentwicklung der Internettechnologie ist Echtzeit-Videostreaming zu einer wichtigen Anwendung im Internetbereich geworden. Zu den Schlüsseltechnologien für Echtzeit-Videostreaming gehören WebSocket und Java. In diesem Artikel wird die Verwendung von WebSocket und Java zur Implementierung der Echtzeit-Video-Streaming-Wiedergabe vorgestellt und relevante Codebeispiele bereitgestellt. 1. Was ist WebSocket? WebSocket ist ein Protokoll für die Vollduplex-Kommunikation über eine einzelne TCP-Verbindung. Es wird im Web verwendet

So erreichen Sie Echtzeitkommunikation mit PHP und WebSocket So erreichen Sie Echtzeitkommunikation mit PHP und WebSocket Dec 17, 2023 pm 10:24 PM

Mit der kontinuierlichen Weiterentwicklung der Internettechnologie ist Echtzeitkommunikation zu einem unverzichtbaren Bestandteil des täglichen Lebens geworden. Mit der WebSockets-Technologie kann eine effiziente Echtzeitkommunikation mit geringer Latenz erreicht werden, und PHP als eine der am weitesten verbreiteten Entwicklungssprachen im Internetbereich bietet auch entsprechende WebSocket-Unterstützung. In diesem Artikel wird erläutert, wie Sie mithilfe von PHP und WebSocket eine Echtzeitkommunikation erreichen, und es werden spezifische Codebeispiele bereitgestellt. 1. Was ist WebSocket? WebSocket ist ein Single

PHP und WebSocket: Best Practices für die Echtzeit-Datenübertragung PHP und WebSocket: Best Practices für die Echtzeit-Datenübertragung Dec 18, 2023 pm 02:10 PM

PHP und WebSocket: Best-Practice-Methoden für die Echtzeit-Datenübertragung Einführung: Bei der Entwicklung von Webanwendungen ist die Echtzeit-Datenübertragung eine sehr wichtige technische Anforderung. Das herkömmliche HTTP-Protokoll ist ein Anforderungs-Antwort-Modellprotokoll und kann keine Datenübertragung in Echtzeit effektiv erreichen. Um den Anforderungen der Echtzeit-Datenübertragung gerecht zu werden, wurde das WebSocket-Protokoll entwickelt. WebSocket ist ein Vollduplex-Kommunikationsprotokoll, das eine Möglichkeit zur Vollduplex-Kommunikation über eine einzelne TCP-Verbindung bietet. Im Vergleich zu H

WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen Dec 17, 2023 pm 05:30 PM

WebSocket und JavaScript: Schlüsseltechnologien zur Realisierung von Echtzeit-Überwachungssystemen Einführung: Mit der rasanten Entwicklung der Internet-Technologie wurden Echtzeit-Überwachungssysteme in verschiedenen Bereichen weit verbreitet eingesetzt. Eine der Schlüsseltechnologien zur Erzielung einer Echtzeitüberwachung ist die Kombination von WebSocket und JavaScript. In diesem Artikel wird die Anwendung von WebSocket und JavaScript in Echtzeitüberwachungssystemen vorgestellt, Codebeispiele gegeben und deren Implementierungsprinzipien ausführlich erläutert. 1. WebSocket-Technologie

SSE und WebSocket SSE und WebSocket Apr 17, 2024 pm 02:18 PM

In diesem Artikel vergleichen wir Server Sent Events (SSE) und WebSockets, beides zuverlässige Methoden zur Übermittlung von Daten. Wir werden sie in acht Aspekten analysieren, darunter Kommunikationsrichtung, zugrunde liegendes Protokoll, Sicherheit, Benutzerfreundlichkeit, Leistung, Nachrichtenstruktur, Benutzerfreundlichkeit und Testtools. Ein Vergleich dieser Aspekte lässt sich wie folgt zusammenfassen: Kategorie Server Sent Event (SSE) WebSocket-Kommunikationsrichtung Einseitig bidirektional Zugrundeliegendes Protokoll HTTP WebSocket-Protokoll Sicherheit Gleich wie HTTP Vorhandene Sicherheitslücken Benutzerfreundlichkeit Einstellungen Einfache Einstellungen Komplexe Leistung Schnelle Nachrichtenversandgeschwindigkeit Betroffen von der Nachrichtenverarbeitung und dem Verbindungsmanagement. Nachrichtenstruktur Nur Text oder Binär. Benutzerfreundlichkeit. Weit verbreitet. Hilfreich für die WebSocket-Integration

Wie implementiert Java Websocket die Online-Whiteboard-Funktion? Wie implementiert Java Websocket die Online-Whiteboard-Funktion? Dec 17, 2023 pm 10:58 PM

Wie implementiert JavaWebsocket die Online-Whiteboard-Funktion? Im modernen Internetzeitalter legen die Menschen immer mehr Wert auf das Erlebnis der Zusammenarbeit und Interaktion in Echtzeit. Online-Whiteboard ist eine auf Websocket implementierte Funktion, die es mehreren Benutzern ermöglicht, in Echtzeit zusammenzuarbeiten, um dasselbe Zeichenbrett zu bearbeiten und Vorgänge wie Zeichnen und Anmerkungen durchzuführen. Es bietet eine praktische Lösung für Online-Schulungen, Remote-Meetings und Teamzusammenarbeit andere Szenarien. 1. Technischer Hintergrund WebSocket ist ein neues Protokoll, das von HTML5 implementiert wird

golang WebSocket-Programmiertipps: Umgang mit gleichzeitigen Verbindungen golang WebSocket-Programmiertipps: Umgang mit gleichzeitigen Verbindungen Dec 18, 2023 am 10:54 AM

Golang ist eine leistungsstarke Programmiersprache und ihre Verwendung in der WebSocket-Programmierung wird von Entwicklern zunehmend geschätzt. WebSocket ist ein TCP-basiertes Protokoll, das eine bidirektionale Kommunikation zwischen Client und Server ermöglicht. In diesem Artikel stellen wir vor, wie Sie mit Golang einen effizienten WebSocket-Server schreiben, der mehrere gleichzeitige Verbindungen gleichzeitig verarbeitet. Bevor wir die Techniken vorstellen, lernen wir zunächst, was WebSocket ist. Einführung in WebSocketWeb

So verwenden Sie WebSocket für die Dateiübertragung in Golang So verwenden Sie WebSocket für die Dateiübertragung in Golang Dec 18, 2023 am 09:06 AM

So verwenden Sie WebSocket für die Dateiübertragung in Golang. WebSocket ist ein Netzwerkprotokoll, das die bidirektionale Kommunikation unterstützt und eine dauerhafte Verbindung zwischen dem Browser und dem Server herstellen kann. In Golang können wir die Drittanbieterbibliothek Gorilla/Websocket verwenden, um die WebSocket-Funktionalität zu implementieren. In diesem Artikel wird erläutert, wie Sie Golang- und Gorilla/Websocket-Bibliotheken für die Dateiübertragung verwenden. Zuerst müssen wir Gorilla installieren

See all articles