Contoh Kode HTML dan JavaScript untuk Mengirim Data dengan WebSocket
Berikut adalah contoh kode untuk mengirim data melalui WebSocket menggunakan socket di HTML: \n\n1. Contoh kode HTML: \nhtml\n<!DOCTYPE html>\n<html>\n<head>\n <meta charset="UTF-8">\n <title>WebSocket Example</title>\n <script src="script.js"></script>\n</head>\n<body>\n <input type="text" id="message" placeholder="Enter message">\n <button onclick="sendMessage()">Send</button>\n <div id="output"></div>\n</body>\n</html>\n\n\n2. Contoh kode JavaScript (script.js): \njavascript\nvar socket;\n\n// Membuat koneksi WebSocket\nfunction connect() {\n socket = new WebSocket("wss://example.com/socket");\n\n // Menjalankan fungsi saat koneksi terhubung\n socket.onopen = function() {\n console.log("Connected");\n };\n\n // Menjalankan fungsi saat menerima pesan dari server\n socket.onmessage = function(event) {\n var message = event.data;\n console.log("Received: " + message);\n\n // Menampilkan pesan di elemen dengan id "output"\n var output = document.getElementById("output");\n output.innerHTML += "<p>" + message + "</p>";\n };\n\n // Menjalankan fungsi saat koneksi ditutup\n socket.onclose = function() {\n console.log("Disconnected");\n };\n}\n\n// Mengirim pesan ke server\nfunction sendMessage() {\n var messageInput = document.getElementById("message");\n var message = messageInput.value;\n\n // Mengirim pesan ke server\n socket.send(message);\n}\n\n\nPada contoh kode di atas, kita membuat koneksi WebSocket dengan menggunakan objek WebSocket. Kemudian, kita menentukan fungsi yang akan dijalankan saat koneksi terhubung (onopen), saat menerima pesan dari server (onmessage), dan saat koneksi ditutup (onclose).\n\nFungsi sendMessage() digunakan untuk mengirim pesan ke server. Pesan yang dikirim diambil dari input dengan id "message".\n\nPastikan untuk mengganti URL WebSocket pada bagian new WebSocket("wss://example.com/socket") dengan URL WebSocket yang sesuai dengan server Anda.
原文地址: https://www.cveoy.top/t/topic/o9Ie 著作权归作者所有。请勿转载和采集!