WebSockets - Menutup Koneksi
Closeacara menandai akhir komunikasi antara server dan klien. Menutup koneksi dimungkinkan dengan bantuanoncloseperistiwa. Setelah menandai akhir komunikasi dengan bantuanoncloseacara, tidak ada pesan yang dapat ditransfer lebih lanjut antara server dan klien. Menutup acara juga dapat terjadi karena konektivitas yang buruk.
Itu close() metode singkatan goodbye handshake. Ini mengakhiri koneksi dan tidak ada data yang dapat dipertukarkan kecuali koneksi dibuka lagi.
Mirip dengan contoh sebelumnya, kami memanggil file close() metode ketika pengguna mengklik tombol kedua.
var textView = document.getElementById("text-view");
var buttonStop = document.getElementById("stop-button");
buttonStop.onclick = function() {
// Close the connection, if open.
if (socket.readyState === WebSocket.OPEN) {
socket.close();
}
}Dimungkinkan juga untuk melewatkan parameter kode dan alasan yang kami sebutkan sebelumnya seperti yang ditunjukkan di bawah ini.
socket.close(1000, "Deliberate disconnection");Kode berikut memberikan gambaran lengkap tentang cara menutup atau memutuskan koneksi Web Socket -
<!DOCTYPE html>
<html>
<meta charset = "utf-8" />
<title>WebSocket Test</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) {
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>
<div id = "output"></div>
</html>Outputnya adalah sebagai berikut -
