Heim >Web-Frontend >js-Tutorial >So senden und empfangen Sie Daten mit WebSocket
WebSocket ist eine Technologie, die eine bidirektionale Kommunikation ermöglicht, indem Server und Client immer verbunden bleiben, sodass WebSocket sowohl Daten senden als auch Daten empfangen kann. In diesem Artikel werfen wir einen Blick auf die Funktionsweise des Sendens und Daten über WebSocket empfangen.
Sehen wir uns zunächst an: Wie sendet man Textdaten?
Verwenden Sie das frei verfügbare echo.websocket.org als Beispiel
Das konkrete Beispiel sieht wie folgt aus
var connection = new WebSocket('wss://echo.websocket.org'); connection.send('样本数据');
In diesem Beispiel sehen Sie das Die WebSocket-Instanz wird erstellt und die send()-Methode zum Senden von Daten verwendet.
Eine Datenübermittlung sollte jedoch grundsätzlich jederzeit erfolgen.
Wenn Sie also die im Formular eingegebenen Daten per Knopfdruck versenden möchten, können Sie dies wie folgt schreiben.
btn.addEventListener('click', function(e) { var text = document.getElementById('text'); connection.send(text.value); })
In diesem Beispiel erhalten wir die in das Formular eingegebene Zeichenfolge und wenden sie auf das Argument von send() an.
Auf diese Weise können Sie beliebige Textdaten senden.
Wie erhalte ich Textdaten?
Der dieses Mal verwendete Testserver Echo.websocket.org wird die übertragenen Daten unverändert zurückgeben.
Der Code lautet wie folgt
connection.onmessage = function(e) { console.log(e.data); };
Wir verwenden das Ereignis onmessage(), das zum Empfangen von Nachrichten aus vier Arten der Ereignisverarbeitung verwendet wird.
Obwohl dies eine einfache Beschreibung ist, werden allein dadurch die vom Server zurückgegebenen Daten empfangen.
Übrigens, wenn Sie die Methode close() zusammen verwenden, ist die Kodierung wie folgt:
connection.onmessage = function(e) { console.log(e.data); connection.close(); };
In diesem Fall wird die Kommunikation sofort nach dem Empfang der Daten getrennt.
Zu diesem Zeitpunkt ist zu beachten, dass die Kommunikation nicht möglich ist, wenn close() die Kommunikation trennt, es sei denn, die Verbindung mit WebSocket wird erneut hergestellt!
Das obige ist der detaillierte Inhalt vonSo senden und empfangen Sie Daten mit WebSocket. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!